使用Javascript評估使用者輸入密碼的強度

密碼已經是我們生活工作中必不可少的工具,但一個不安全的密碼有又有可能會給我們造成不必要的損失。作為網站設計者,如果我們在網頁中能對用戶輸入的密碼進行安全評估,並顯示出相應的提示信息,那麼對用戶設置一個安全的密碼將有很大幫助。同時也使得網站更具人性化,更有吸引力.

什麼是一個安全的密碼呢?本程序按以下的方式進行評估.

1.如果密碼少於5位,那麼就認為這是一個弱密碼.

2.如果密碼只由數字、小寫字母、大寫字母或其它特殊符號當中的一種組成,則認為這是一個弱密碼.

3.如果密碼由數字、小寫字母、大寫字母或其它特殊符號當中的兩種組成,則認為這是一個中度安全的密碼.

4.如果密碼由數字、小寫字母、大寫字母或其它特殊符號當中的三種以上組成,則認為這是一個比較安全的密碼.

本程式將根據使用者輸入的密碼分別顯示不同的顏色表示密碼的強度,具體程序如下:

以下是引用片段：

 

return 8;return 4; 

else 
return 8; /bitTotal函數 
//計算出目前密碼當中總共有多少種模式 
function bitTotal(num){ 
modes=0; 
for (i=0;iif (num & 1) modesnum & 1 ; 
num>>>=1; 
} 
return modes; 

}

//checkStrong函數 

//回傳密碼的強度等級

function checkStrong(){T return 0; //密碼太短 
Modes=0; 
for (i=0;i//測試每一個字元的類別並統計共有多少種模式. 
Modes|= CharMode(sPW.charCodeAt(i)); 
}

return bitTotal(Modes);

}

//pwStrength函數 

//當使用者放開或密碼框失去焦點時,根據不同輸入的等級顯示失去焦點時,根據不同的等級顯示失去焦點時,根據不同輸入的等級顯示失去焦點時,根據不同輸入的按鈕而失去焦點。不同的顏色

function pwStrength(pwd){ 

O_color="#eeeeee"; 
L_color="#FF0000"; 
M_color="#FF9900"; 
H_color="#33CC000"; ||pwd==){ 
Lcolor=Mcolor=Hcolor=O_color; 
} 
else{ 
S_level=checkStrong(pwd); 
switch(S_level) {Hcolorumscolorcx片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.getElementBy."streng. ; 
return; 

}

 
輸入密碼: 

密碼強度: 

height="23" style=display :inline> 






  

弱

中

強

 比較多相關文章請關注PHP中文網（www.php.cn）！