检测密码长度，在上一篇的基础上修改的，呈现方式不一样哦

  //CharMode函数   
//测试某个字符是属于哪一类.   
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;   
}   
//alert(modes);
return modes;   
}   
//checkStrong函数   
//返回密码的强度级别   
function checkStrong(sPW){   
if (sPW.length<=6)   
return 0; //密码太短   
Modes=0;   
for (i=0;i<sPW.length;i++){   
//测试每一个字符的类别并统计一共有多少种模式.   
Modes|=CharMode(sPW.charCodeAt(i));   
}   
return bitTotal(Modes);   
}   
//pwStrength函数   
//当用户放开键盘或密码输入框失去焦点时,根据不同的级别显示不同的颜色   
function pwStrength(pwd){   
G_color="#000000";   
R_color="#FF0000";   
B_color="#0000FF";   
Green_color="#008000";   
if (pwd==null||pwd==''){  
document.getElementById("passwordM").style.display="none"; 
return;  
}   
else{   
S_level=checkStrong(pwd);   
switch(S_level) {   
case 0:    
document.getElementById("passwordM").style.display="";
document.getElementById("strength_L").innerHTML="Too Short";
document.getElementById("strength_L").style.color=R_color;  
break;
case 1:   
document.getElementById("passwordM").style.display="";
document.getElementById("strength_L").innerHTML="Weak";
document.getElementById("strength_L").style.color=G_color;   
break;   
case 2:   
document.getElementById("passwordM").style.display="";
document.getElementById("strength_L").innerHTML="Medium";
document.getElementById("strength_L").style.color=B_color;  
break;   
default:   
document.getElementById("passwordM").style.display="";
document.getElementById("strength_L").innerHTML="Strong";
document.getElementById("strength_L").style.color=Green_color; 
}   
} 

return;   
}   

上面是js。下面是页面body内容

 <div>
		               Password
		                      <input type="password" id="frmMain:txt_passwd" name="frmMain:txt_passwd" maxlength="12" onkeyup="pwStrength(this.value)" onblur="pwStrength(this.value)" />		 
		                </div>   
		                <div id="passwordM" style="display: none"><div style="float: left;width: 15%">&nbsp Password Strength:</div>   <div id="strength_L" style="float: left;"></div>   </div>