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

  

view plain copy to clipboard print ?

1. 用Javascript评估用户输入密码的强度  
2.   
3. 1.如果密码少于5位，那么就认为这是一个弱密码。  
4. 2.如果密码只由数字、小写字母、大写字母或其它特殊符号当中的一种组成，则认为这是一个弱密码。  
5. 3.如果密码由数字、小写字母、大写字母或其它特殊符号当中的两种组成，则认为这是一个中度安全的密码。  
6. 4.如果密码由数字、小写字母、大写字母或其它特殊符号当中的三种以上组成，则认为这是一个比较安全的密码。  
7. 本程序将根据用户输入的密码分别显示不同的颜色表示密码的强度，具体程序如下：  
8. <scriptt language=javascriptt>   
9. //CharMode函数    
10. //测试某个字符是属于哪一类.    
11. function CharMode(iN){   
12. if (iN>=48 && iN <=57) //数字    
13. return 1;   
14. if (iN>=65 && iN <=90) //大写字母    
15. return 2;   
16. if (iN>=97 && iN <=122) //小写    
17. return 4;   
18. else   
19. return 8; //特殊字符    
20. }   
21. //bitTotal函数    
22. //计算出当前密码当中一共有多少种模式    
23. function bitTotal(num){   
24. modes=0;   
25. for (i=0;i<4;i++){   
26. if (num & 1) modes++;   
27. num>>>=1;   
28. }   
29. return modes;   
30. }   
31. //checkStrong函数    
32. //返回密码的强度级别    
33. function checkStrong(sPW){   
34. if (sPW.length<=4)   
35. return 0; //密码太短    
36. Modes=0;   
37. for (i=0;i<sPW.length;i++){   
38. //测试每一个字符的类别并统计一共有多少种模式.    
39. Modes|=CharMode(sPW.charCodeAt(i));   
40. }   
41. return bitTotal(Modes);   
42. }   
43. //pwStrength函数    
44. //当用户放开键盘或密码输入框失去焦点时，根据不同的级别显示不同的颜色    
45. function pwStrength(pwd){   
46. O_color="#eeeeee";   
47. L_color="#FF0000";   
48. M_color="#FF9900";   
49. H_color="#33CC00";   
50. if (pwd==null||pwd==''){   
51. Lcolor=Mcolor=Hcolor=O_color;   
52. }   
53. else{   
54. S_level=checkStrong(pwd);   
55. switch(S_level) {   
56. case 0:   
57. Lcolor=Mcolor=Hcolor=O_color;   
58. case 1:   
59. Lcolor=L_color;   
60. Mcolor=Hcolor=O_color;   
61. break;   
62. case 2:   
63. Lcolor=Mcolor=M_color;   
64. Hcolor=O_color;   
65. break;   
66. default:   
67. Lcolor=Mcolor=Hcolor=H_color;   
68. }   
69. }   
70. document.getElementById("strength_L").style.background=Lcolor;   
71. document.getElementById("strength_M").style.background=Mcolor;   
72. document.getElementById("strength_H").style.background=Hcolor;   
73. return;   
74. }   
75. </scriptt>   
76. <form name=form1 action="" >   
77. 输入密码:<input type=password size=10 onKeyUp=pwStrength(this.value)  
78. onBlur=pwStrength(this.value)>   
79. <br>密码强度:   
80. <table width="217" border="1" cellspacing="0" cellpadding="1"  
81. bordercolor="#cccccc" height="23" style='display:inline'>   
82. <tr align="center" bgcolor="#eeeeee">   
83. <td width="33%" id="strength_L">弱</td>   
84. <td width="33%" id="strength_M">中</td>   
85. <td width="33%" id="strength_H">强</td>   
86. </tr>   
87. </table>   
88. </form>