Code
1<html>
2<head>
3<title>JS判断密码强度的代码 - www.webdm.cn</title>
4<script language=javascript>
5//判断输入密码的类型
6function CharMode(iN){
7if (iN>=48 && iN <=57) //数字
8return 1;
9if (iN>=65 && iN <=90) //大写
10return 2;
11if (iN>=97 && iN <=122) //小写
12return 4;
13else
14return 8;
15}
16//bitTotal函数
17//计算密码模式
18function bitTotal(num){
19modes=0;
20for (i=0;i<4;i++){
21if (num & 1) modes++;
22num>>>=1;
23}
24return modes;
25}
26//返回强度级别
27function checkStrong(sPW){
28if (sPW.length<=4)
29return 0; //密码太短
30Modes=0;
31for (i=0;i<sPW.length;i++){
32//密码模式
33Modes|=CharMode(sPW.charCodeAt(i));
34}
35return bitTotal(Modes);
36}
37
38//显示颜色
39function pwStrength(pwd){
40O_color="#eeeeee";
41L_color="#FF0000";
42M_color="#FF9900";
43H_color="#33CC00";
44if (pwd==null||pwd==''){
45Lcolor=Mcolor=Hcolor=O_color;
46}
47else{
48S_level=checkStrong(pwd);
49switch(S_level) {
50case 0:
51Lcolor=Mcolor=Hcolor=O_color;
52case 1:
53Lcolor=L_color;
54Mcolor=Hcolor=O_color;
55break;
56case 2:
57Lcolor=Mcolor=M_color;
58Hcolor=O_color;
59break;
60default:
61Lcolor=Mcolor=Hcolor=H_color;
62}
63}
64document.getElementById("strength_L").style.background=Lcolor;
65document.getElementById("strength_M").style.background=Mcolor;
66document.getElementById("strength_H").style.background=Hcolor;
67return;
68}
69</script>
70</head>
71<body>
72<form name=form1 action="" >
73密码:<input type=password size=8 onKeyUp=pwStrength(this.value) onBlur=pwStrength(this.value)>
74<br>密码强度:
75<table width="210" border="1" cellspacing="0" cellpadding="1" bordercolor="#eeeeee" height="22" style='display:inline'>
76<tr align="center" bgcolor="#f5f5f5">
77<td width="33%" id="strength_L">弱</td>
78<td width="33%" id="strength_M">中</td>
79<td width="33%" id="strength_H">强</td>
80</tr>
81</table>
82</form>
83
1<html>
2<head>
3<title>JS判断密码强度的代码 - www.webdm.cn</title>
4<script language=javascript>
5//判断输入密码的类型
6function CharMode(iN){
7if (iN>=48 && iN <=57) //数字
8return 1;
9if (iN>=65 && iN <=90) //大写
10return 2;
11if (iN>=97 && iN <=122) //小写
12return 4;
13else
14return 8;
15}
16//bitTotal函数
17//计算密码模式
18function bitTotal(num){
19modes=0;
20for (i=0;i<4;i++){
21if (num & 1) modes++;
22num>>>=1;
23}
24return modes;
25}
26//返回强度级别
27function checkStrong(sPW){
28if (sPW.length<=4)
29return 0; //密码太短
30Modes=0;
31for (i=0;i<sPW.length;i++){
32//密码模式
33Modes|=CharMode(sPW.charCodeAt(i));
34}
35return bitTotal(Modes);
36}
37
38//显示颜色
39function pwStrength(pwd){
40O_color="#eeeeee";
41L_color="#FF0000";
42M_color="#FF9900";
43H_color="#33CC00";
44if (pwd==null||pwd==''){
45Lcolor=Mcolor=Hcolor=O_color;
46}
47else{
48S_level=checkStrong(pwd);
49switch(S_level) {
50case 0:
51Lcolor=Mcolor=Hcolor=O_color;
52case 1:
53Lcolor=L_color;
54Mcolor=Hcolor=O_color;
55break;
56case 2:
57Lcolor=Mcolor=M_color;
58Hcolor=O_color;
59break;
60default:
61Lcolor=Mcolor=Hcolor=H_color;
62}
63}
64document.getElementById("strength_L").style.background=Lcolor;
65document.getElementById("strength_M").style.background=Mcolor;
66document.getElementById("strength_H").style.background=Hcolor;
67return;
68}
69</script>
70</head>
71<body>
72<form name=form1 action="" >
73密码:<input type=password size=8 onKeyUp=pwStrength(this.value) onBlur=pwStrength(this.value)>
74<br>密码强度:
75<table width="210" border="1" cellspacing="0" cellpadding="1" bordercolor="#eeeeee" height="22" style='display:inline'>
76<tr align="center" bgcolor="#f5f5f5">
77<td width="33%" id="strength_L">弱</td>
78<td width="33%" id="strength_M">中</td>
79<td width="33%" id="strength_H">强</td>
80</tr>
81</table>
82</form>
83