<script language=javascript>
//CharMode函數(shù)
//測(cè)試某個(gè)字符是屬于哪一類
function CharMode(iN) {
   if (iN>=48 && iN <=57) //數(shù)字
    return 1;
   if (iN>=65 && iN <=90) //大寫字母
    return 2;
   if (iN>=97 && iN <=122) //小寫
    return 4;
   else
    return 8; //特殊字符
}

//bitTotal函數(shù)
//計(jì)算出當(dāng)前密碼當(dāng)中一共有多少種模式
function bitTotal(num) {
   modes=0;
   for (i=0;i<4;i++) {
    if (num & 1) modes++;
     num>>>=1;
    }
   return modes;
}

//checkStrong函數(shù)
//返回密碼的強(qiáng)度級(jí)別
function checkStrong(sPW) {
   if (sPW.length<=4)
    return 0; //密碼太短
    Modes=0;
    for (i=0;i<sPW.length;i++) {
     //測(cè)試每一個(gè)字符的類別并統(tǒng)計(jì)一共有多少種模式
     Modes|=CharMode(sPW.charCodeAt(i));
   }
   return bitTotal(Modes);
}

//pwStrength函數(shù)
//當(dāng)用戶放開鍵盤或密碼輸入框失去焦點(diǎn)時(shí),根據(jù)不同的級(jí)別顯示不同的顏色

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> 

<form name="form1" action=""> 
輸入密碼 :<asp:TextBox ID="TB_pwd" runat="server" TextMode="Password" Width="250px" onKeyUp="pwStrength(this.value)" onBlur="pwStrength(this.value)"
              ></asp:TextBox>

<br>密碼強(qiáng)度:
<table width="200px" height="25" border="0" cellspacing="0" cellpadding="1" bordercolor="#cccccc" style=＇font-size:12px＇>
<tr align="center" bgcolor="#eeeeee">
   <td width="33%" id="strength_L">弱</td>
   <td width="33%" id="strength_M">中</td>
   <td width="33%" id="strength_H">強(qiáng)</td>
</tr>
</table>
</form>