JavaScript判斷使用者密碼的安全強度

JavaScript判斷使用者密碼的安全強度 摘自：http://www.nowamagic.net/javascript/js_JudgeUserPasswordSafty.php 密碼已經是我們生活工作中必不可少的工具，但一個不安全的密碼有又有可能會給我們造成不必要的損失。作為網站設計者，如果我們在網頁中能對使用者輸入的密碼進行安全評估，並顯示出相應的提示資訊，那麼對使用者設置一個安全的密碼將有很大説明。同時也使得網站更具人性化，更有吸引力。 什麼是一個安全的密碼呢？本程式按以下的方式進行評估。 如果密碼少於5位元，那麼就認為這是一個弱密碼。 如果密碼只由數位、小寫字母、大寫字母或其它特殊符號當中的一種組成，則認為這是一個弱密碼。 如果密碼由數位、小寫字母、大寫字母或其它特殊符號當中的兩種組成，則認為這是一個中度安全的密碼。 如果密碼由數位、小寫字母、大寫字母或其它特殊符號當中的三種以上組成，則認為這是一個比較安全的密碼。

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script language=javascript>
//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; 
        } 
        return modes; 
} 
//checkStrong函數 
//返回密碼的強度級別 
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); 
} 
//pwStrength函數.www.qichepeijian.com 
//當使用者放開鍵盤或密碼輸入框失去焦點時,根據不同的級別顯示不同的顏色 
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="" >
<table width="400" border="0">
<tr>
    <td width="25%">輸入密碼：</td>
    <td width="75%"><input type="password" size="40" onKeyUp="pwStrength(this.value)" onBlur="pwStrength(this.value)"></td>
</tr>
<tr>
    <td>密碼強度：</td>
    <td>
<table width="300" border="1" bordercolor="#cccccc" height="23">
        <tr bgcolor="#eeeeee">
                <td width="100" id="strength_L"> 弱</td>
                <td width="100" id="strength_M">中</td>
                <td width="100" id="strength_H">強</td>
        </tr>
</table>
    </td>
</tr>
<tr>
    <td>溫馨提示：</td>
    <td>密碼至少需要4個字元，並且最好包含數位，字母（大小寫都有）與特殊符號。</td>
</tr>
</table>
</form>