效果如下：
输入密码:
密码强度:
代码如下：
复制代码 代码如下:
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>无标题页</title>
</head>
<mce:script language="javascript" type="text/javascript"><!--
//CharMode函数
//测试某个字符是属于哪一类.
function CharMode(iN){
if (iN>=48 && iN <=57) //数字
return 1;
if (iN>=65 && iN <=90) //大写字母
return 2;
if (iN>=97 && iN <=122) //小写
return 4;
else
return 8; //特殊字符
}
//bitTotal函数
//计算出当前密码当中一共有多少种模式
function bitTotal(num){
modes=0;
for (i=0;i<4;i++){
if (num & 1) modes++;
num>>>=1;
}
return modes;
}
//checkStrong函数
//返回密码的强度级别
function checkStrong(sPW){
if (sPW.length<=4)
return 0; //密码太短
Modes=0;
for (i=0;i<sPW.length;i++){
//测试每一个字符的类别并统计一共有多少种模式.
Modes|=CharMode(sPW.charCodeAt(i));
}
return bitTotal(Modes);
}
//pwStrength函数
//当用户放开键盘或密码输入框失去焦点时,根据不同的级别显示不同的颜色
function pwStrength(pwd){
O_color="#e0f0ff";
L_color="#FF0000";
M_color="#FF9900";
H_color="#33CC00";
if (pwd==null||pwd==''){
Lcolor=Mcolor=Hcolor=O_color;
}
else
{
S_level=checkStrong(pwd);
switch(S_level)
{
case 0:
Lcolor=Mcolor=Hcolor=O_color;
case 1:
Lcolor=L_color;
Mcolor=Hcolor=O_color;
break;
case 2:
Lcolor=Mcolor=M_color;
Hcolor=O_color;
break;
default:
Lcolor=Mcolor=Hcolor=H_color;
}
}
document.getElementById("strength_L").style.background=Lcolor;
document.getElementById("strength_M").style.background=Mcolor;
document.getElementById("strength_H").style.background=Hcolor;
return;
}
// --></mce:script>
复制代码 代码如下:
<body>
<form id="form1" runat="server">
<div>
输入密码:<asp:TextBox ID="TextBox1" runat="server" onKeyUp=pwStrength(this.value) onBlur=pwStrength(this.value) ></asp:TextBox><br />
密码强度:
<table border="1" cellpadding="1" borderColorDark="#fdfeff" borderColorLight="#99ccff" cellspacing="1" style="width: 200px; display: inline; background-color:#e0f0ff">
<tr>
<td id="strength_L" style="width: 100px; height: 19px;" align="center">
弱</td>
<td id="strength_M" style="width: 100px; height: 19px;" align="center">
中</td>
<td id="strength_H" style="width: 100px; height: 19px;" align="center">
强</td>
</tr>
</table>
</div>
</form>
</body>
</html>
相关推荐：
seo独立站是什么，独立站推广是什么 ,ai曲线笔刷扩展
AI智能软件：未来科技的核心力量
WPQQ-开启数字时代的智能连接新纪元,杭州网站推广厂家电话
文章疑似AI生成怎么办？如何辨别并应对AI生成文章的挑战
SEO优化如何进行：提升网站排名，轻松超越竞争对手,ai写作怎么操作手机
ChatGPT怎么有梯子？突破网络限制，轻松畅享AI智能,ai对唱音响
SEO优化顾问：让您的网站脱颖而出的秘密武器,ai ps 群
什么是seo发外链，seo外链类型有哪些 ,小小苏ai
SEO调整，助力网站流量爆发式增长！,江都seo优化排名
优化整站，让网站飞速增长，打造行业竞争力,广东网站建设与维护
ChatGPT回答是空白的背后，究竟隐藏着什么秘密？,如何用ai写作来赚钱
为什么seo这么难，seo难嘛 ,ai宁中则
ChatGPT：基于Transformer技术的语言模型，开创人工智能未来,AI独战OK
seo组建需要什么条件，seo建站的步骤 ,ai肌肉宝宝
在线AI文章生成：智能写作的无限可能
SEO做网站点击：提升网站流量的关键策略,国内ai写作论文
SEO优化：如何让网站更具有吸引力,散文ai写作咒语是什么
SEO选择：如何挑选最合适的SEO优化策略？,wb免费刷粉网站推广
SEO领站-从零到一打造成功网站排名的秘密,轻淘客seo怎设置
seo重点是什么，seo最重要的指标 ,ai网格怎么用
SEO自己：打造属于你的数字营销利器,微信裂变营销推广软件
ChatGPT为什么访问不了了？了解背后的原因与解决方法,AI怎么拖入路径
亚马逊中什么是seo，亚马逊sop ,ai临摹中国名画
SEO网络营销：如何通过精准优化提升品牌价值,青州建设网站电话
为什么seo推广那么多，seo推广难吗 ,东莞ai听译平台
亚马逊站内seo是什么优化，亚马逊seo关键词优化软件 ,ai画卡通章鱼
用AI写文章查重率高吗？揭秘AI写作与查重检测的关系
seo用到什么软件，做seo需要用到什么软件 ,皮皮ai
怎么分辨文章是不是AI写的？五大技巧揭开真相
SEO子-为你的网站注入流量的秘密武器,麻城网站网址优化
AI提炼主要内容：如何让信息更精准、高效、易懂,女军人ai
SEO师：如何在数字时代为企业赢得流量与销量,十堰网站关键词优化教程
seo网络培训是什么，seo工作培训会培训啥 ,ai长投影字
ChatGPT页面无法翻阅？带你深度了解背后的原因与解决方案,pdf怎么转换ai文字
ChatGPT360：全方位提升你的工作与生活效率,ai72787
SEO售产-数字营销新战场，助力企业实现盈利增长,去哪找自贡网站建设
seo需要了解什么，seo需要学些什么内容 ,ovo ai
ChatGPT点不了？背后的真相与解决方法,ai.520523
SEO模块：提升网站排名，驾驭数字营销未来,营口网站建设制作平台
ChatGPT破解：让AI打破语言与思维的边界,ai模板vis
SEO中权重是什么意思？让你迅速网站排名的核心秘密！,长颈鹿智能AI点读机
SEO要素：优化网站排名的关键因素全解析,棒球大联盟营销推广文案
ChatGPT破解：人工智能未来的无限可能,污污AI解说
SEO学堂：开启数字营销新时代，全面提升网站排名与流量,文山ai营销推广方案
SEO模板：提升网站排名，助你快速抢占搜索引擎流量高地,选择seo职业缺点
OpenAI银行卡扣款的公司是哪家？揭秘背后的支付流程与安全保障,AI素描相片
怎么用AI生成一篇文章？高效创作指南全揭秘！
文章AI生成：让创作变得更简单、更高效！
seo给你什么帮助，seo的利与弊 ,ai 大厨
SEO那么重要，企业如何通过它脱颖而出？,自媒体推广营销的概念
新闻资讯
常见问题