JS判断密码强度的代码
Code1
<html>2
<head>3
<title>JS判断密码强度的代码 - www.webdm.cn</title>4
<script language=javascript>
5
//判断输入密码的类型 6
function CharMode(iN){ 7
if (iN>=48 && iN <=57) //数字 8
return 1; 9
if (iN>=65 && iN <=90) //大写 10
return 2; 11
if (iN>=97 && iN <=122) //小写 12
return 4; 13
else 14
return 8; 15
} 16
//bitTotal函数 17
//计算密码模式 18
function bitTotal(num){ 19
modes=0; 20
for (i=0;i<4;i++){ 21
if (num & 1) modes++; 22
num>>>=1; 23
} 24
return modes; 25
} 26
//返回强度级别 27
function checkStrong(sPW){ 28
if (sPW.length<=4) 29
return 0; //密码太短 30
Modes=0; 31
for (i=0;i<sPW.length;i++){ 32
//密码模式 33
Modes|=CharMode(sPW.charCodeAt(i)); 34
} 35
return bitTotal(Modes); 36
} 37
38
//显示颜色 39
function pwStrength(pwd){ 40
O_color="#eeeeee"; 41
L_color="#FF0000"; 42
M_color="#FF9900"; 43
H_color="#33CC00"; 44
if (pwd==null||pwd==''){ 45
Lcolor=Mcolor=Hcolor=O_color; 46
} 47
else{ 48
S_level=checkStrong(pwd); 49
switch(S_level) { 50
case 0: 51
Lcolor=Mcolor=Hcolor=O_color; 52
case 1: 53
Lcolor=L_color; 54
Mcolor=Hcolor=O_color; 55
break; 56
case 2: 57
Lcolor=Mcolor=M_color; 58
Hcolor=O_color; 59
break; 60
default: 61
Lcolor=Mcolor=Hcolor=H_color; 62
} 63
} 64
document.getElementById("strength_L").style.background=Lcolor; 65
document.getElementById("strength_M").style.background=Mcolor; 66
document.getElementById("strength_H").style.background=Hcolor; 67
return; 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
