熱點推薦:
您现在的位置: 電腦知識網 >> 編程 >> Java編程 >> JSP教程 >> 正文

用Javascript評估用戶輸入密碼的強度

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

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

  如果密碼少於那麼就認為這是一個弱密碼

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

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

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

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

以下是引用片段
<script language=javascript> 



//CharMode函數 
//測試某個字符是屬於哪一類 
function CharMode(iN){ 
if (iN>= && iN <=) //數字 
return 
if (iN>= && iN <=) //大寫字母 
return 
if (iN>= && iN <=) //小寫 
return 
else 
return ; //特殊字符 


//bitTotal函數 
//計算出當前密碼當中一共有多少種模式 
function bitTotal(num){ 
modes=
for (i=;i<;i++){ 
if (num & ) modes++; 
num>>>=

return modes; 


//checkStrong函數 
//返回密碼的強度級別 

function checkStrong(sPW){ 
if (sPWlength<=
return ; //密碼太短 
Modes=
for (i=;i<sPWlength;i++){ 
//測試每一個字符的類別並統計一共有多少種模式 
Modes|=CharMode(sPWcharCodeAt(i)); 


return bitTotal(Modes); 



//pwStrength函數 
//當用戶放開鍵盤或密碼輸入框失去焦點時根據不同的級別顯示不同的顏色 

function pwStrength(pwd){ 
O_color=#eeeeee
L_color=#FF
M_color=#FF
H_color=#CC
if (pwd==null||pwd==){ 
Lcolor=Mcolor=Hcolor=O_color; 

else{ 
S_level=checkStrong(pwd); 
switch(S_level) { 
case 
Lcolor=Mcolor=Hcolor=O_color; 
case 
Lcolor=L_color; 
Mcolor=Hcolor=O_color; 
break; 
case 
Lcolor=Mcolor=M_color; 
Hcolor=O_color; 
break; 
default: 
Lcolor=Mcolor=Hcolor=H_color; 



documentgetElementById(strength_L)stylebackground=Lcolor; 
documentgetElementById(strength_M)stylebackground=Mcolor; 
documentgetElementById(strength_H)stylebackground=Hcolor; 
return; 


</script> 

<form name=form action= > 
輸入密碼:<input type=password size= onKeyUp=pwStrength(thisvalue) onBlur=pwStrength(thisvalue)> 
<br>密碼強度: 
<table width= border= cellspacing= cellpadding= bordercolor=#cccccc height= style=display:inline
<tr align=center bgcolor=#eeeeee

<td width=% id=strength_L>弱</td> 

<td width=% id=strength_M>中</td> 

<td width=% id=strength_H>強</td> 
</tr> 
</table> 

</form> 


From:http://tw.wingwit.com/Article/program/Java/JSP/201311/20695.html
    推薦文章
    Copyright © 2005-2013 電腦知識網 Computer Knowledge   All rights reserved.