JS判斷密碼強度的代碼_表單按鈕特效

這段JavaScript代碼比較實用，它完成用戶注冊時判斷用戶輸入密碼的強度，分強、弱、中三等級，它可以根據用戶輸入的密碼顯示對應的密碼強弱等級，方便用戶改進輸入。

<html>
<head>
<title>JS判斷密碼強度</title>
<script language=javascript>  
//判斷輸入密碼的類型  
function CharMode(iN){  
if (iN>=48 && iN <=57) //數字  
return 1;  
if (iN>=65 && iN <=90) //大寫  
return 2;  
if (iN>=97 && iN <=122) //小寫  
return 4;  
else  
return 8;   
}  
//bitTotal函數  
//計算密碼模式  
function bitTotal(num){  
modes=0;  
for (i=0;i<4;i++){  
if (num & 1) modes++;  
num>>>=1;  
}  
return modes;  
}  
//返回強度級別  
function checkStrong(sPW){  
if (sPW.length<=4)  
return 0; //密碼太短  
Modes=0;  
for (i=0;i<sPW.length;i++){  
//密碼模式  
Modes|=CharMode(sPW.charCodeAt(i));  
}  
return bitTotal(Modes);  
}  
  
//顯示顏色  
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;  
}  
}  
document.getElementById("strength_L").style.background=Lcolor;  
document.getElementById("strength_M").style.background=Mcolor;  
document.getElementById("strength_H").style.background=Hcolor;  
return;  
}  
</script>
</head>
<body>  
<form name=form1 action="" >  
密碼:<input type=password size=8 onKeyUp=pwStrength(this.value) onBlur=pwStrength(this.value)>  
<br>密碼強度:  
<table width="210" border="1" cellspacing="0" cellpadding="1" bordercolor="#eeeeee" height="22" style='display:inline'>  
<tr align="center" bgcolor="#f5f5f5">  
<td width="33%" id="strength_L">弱</td>  
<td width="33%" id="strength_M">中</td>  
<td width="33%" id="strength_H">強</td>  
</tr>  
</table>  
</form>

所屬頻道：表單按鈕特效/更新時間：2013-01-06

[收藏][報錯][返回列表]

相關表單按鈕特效：

JS判斷密碼強度的代碼_表單按鈕特效

表單按鈕特效Rss訂閱特效代碼搜索

表單按鈕特效推薦

猜你也喜歡看這些