使用Javascript评估用户输入密码的强度

密码已经是我们生活工作中必不 可少的工具,但一个不安全的密码有又有可能会给我们造成不必要的损失。作为网站设计者,如果我们在网页中能对用户输入的密码进行安全评估,并显示出相应的 提示信息,那么对用户设置一个安全的密码将有很大帮助。同时也使得网站更具人性化,更有吸引力.

什么是一个安全的密码呢?本程序按以下的方式进行评估.

1.如果密码少于5位,那么就认为这是一个弱密码.

2.如果密码只由数字、小写字母、大写字母或其它特殊符号当中的一种组成,则认为这是一个弱密码.

3.如果密码由数字、小写字母、大写字母或其它特殊符号当中的两种组成,则认为这是一个中度安全的密码.

4.如果密码由数字、小写字母、大写字母或其它特殊符号当中的三种以上组成,则认为这是一个比较安全的密码.

本程序将根据用户输入的密码分别显示不同的颜色表示密码的强度,具体程序如下:

以下是引用片段：

<ccid_nobr></ccid_nobr>

<ccid_code>&lt;script language=javascript&gt; <br><br><br><br>//CharMode函数 <br>//测试某个字符是属于哪一类. <br>function CharMode(iN){ <br>if (iN&gt;=48 &amp;&amp; iN &lt;=57) //数字 <br>return 1; <br>if (iN&gt;=65 &amp;&amp; iN &lt;=90) //大写字母 <br>return 2; <br>if (iN&gt;=97 &amp;&amp; iN &lt;=122) //小写 <br>return 4; <br>else <br>return 8; //特殊字符 <br>} <br><br>//bitTotal函数 <br>//计算出当前密码当中一共有多少种模式 <br>function bitTotal(num){ <br>modes=0; <br>for (i=0;i&lt;4;i++){ <br>if (num &amp; 1) modes++; <br>num&gt;&gt;&gt;=1; <br>} <br>return modes; <br>} <br><br>//checkStrong函数 <br>//返回密码的强度级别 <br><br>function checkStrong(sPW){ <br>if (sPW.length&lt;=4) <br>return 0; //密码太短 <br>Modes=0; <br>for (i=0;i&lt;sPW.length;i++){ <br>//测试每一个字符的类别并统计一共有多少种模式. <br>Modes|=CharMode(sPW.charCodeAt(i)); <br>} <br><br>return bitTotal(Modes); <br><br>} <br><br>//pwStrength函数 <br>//当用户放开键盘或密码输入框失去焦点时,根据不同的级别显示不同的颜色 <br><br>function pwStrength(pwd){ <br>O_color="#eeeeee"; <br>L_color="#FF0000"; <br>M_color="#FF9900"; <br>H_color="#33CC00"; <br>if (pwd==null||pwd==''){ <br>Lcolor=Mcolor=Hcolor=O_color; <br>} <br>else{ <br>S_level=checkStrong(pwd); <br>switch(S_level) { <br>case 0: <br>Lcolor=Mcolor=Hcolor=O_color; <br>case 1: <br>Lcolor=L_color; <br>Mcolor=Hcolor=O_color; <br>break; <br>case 2: <br>Lcolor=Mcolor=M_color; <br>Hcolor=O_color; <br>break; <br>default: <br>Lcolor=Mcolor=Hcolor=H_color; <br>} <br>} <br><br>document.getElementById("strength_L").style.background=Lcolor; <br>document.getElementById("strength_M").style.background=Mcolor; <br>document.getElementById("strength_H").style.background=Hcolor; <br>return; <br>} <br><br>&lt;/script&gt; <br><br>&lt;form name=form1 action="" &gt; <br>输入密码:<br>&lt;input type=password size=10 onKeyUp=pwStrength(this.value) <br>onBlur=pwStrength(this.value)&gt; <br>&lt;br&gt;密码强度: <br>&lt;table width="217" border="1" cellspacing="0" cellpadding="1" bordercolor="#cccccc"<br>height="23" style='display:inline'&gt; <br>&lt;tr align="center" bgcolor="#eeeeee"&gt; <br><br>&lt;td width="33%" id="strength_L"&gt;弱&lt;/td&gt; <br><br>&lt;td width="33%" id="strength_M"&gt;中&lt;/td&gt; <br><br>&lt;td width="33%" id="strength_H"&gt;强&lt;/td&gt; <br>&lt;/tr&gt; <br>&lt;/table&gt; <br><br>&lt;/form&gt;</ccid_code>