用户输入密码的强度_javascript技巧

<p> </p> <title> New Document </title> <meta name="Generator" content="EditPlus"> <meta name="Author" content=""> <meta name="Keywords" content=""> <meta name="Description" content=""> <p><script language="javascript"></script></p> <p>//程序设计:环球万维,专业提供虚拟主机,域名注册服务 //网址:<a href="http://www.netInter.cn" target="_blank">http://www.netInter.cn</a> //本程序是环球万维原创程序,若需转载,请注明网址及出处,谢谢. //以上信息与文章正文是不可分割的一部分,所以如果您要转载本文章,您必须保留以上信息.</p> <p> //CharMode函数 //测试某个字符是属于哪一类. function CharMode(iN){ if (iN>=48 && iN =65 && iN =97 && iN </p> <p>//bitTotal函数 //计算出当前密码当中一共有多少种模式 function bitTotal(num){ modes=0; for (i=0;i>>=1; } return modes; }</p> <p>//checkStrong函数 //返回密码的强度级别</p> <p>function checkStrong(sPW){ if (sPW.length </p> <p>return bitTotal(Modes);</p> <p>} </p> <p>//pwStrength函数 //当用户放开键盘或密码输入框失去焦点时,根据不同的级别显示不同的颜色</p> <p>function pwStrength(pwd){ O_color="#eeeeee"; 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; } } </p> <p>document.getElementById("strength_L").style.background=Lcolor; document.getElementById("strength_M").style.background=Mcolor; document.getElementById("strength_H").style.background=Hcolor; return; }</p> <p></p> <p></p> <form name="form1" action=""> 输入密码:<input type="password" size="10" onkeyup="pwStrength(this.value)" onblur="pwStrength(this.value)"> 密码强度: <table width="217" border="1" cellspacing="0" cellpadding="1" bordercolor="#cccccc" height="23" style="display:inline"> <tr align="center" bgcolor="#eeeeee"> <td width="33%" id="strength_L">弱</td> <td width="33%" id="strength_M">中</td> <td width="33%" id="strength_H">强</td> </tr> </table> <p></p> </form> <p> </p> <p> </p>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]