您當(dāng)前位置：首頁(yè) > web前端 > jscript > Javascript驗(yàn)證密碼強(qiáng)度的實(shí)例代碼

Javascript驗(yàn)證密碼強(qiáng)度的實(shí)例代碼

來(lái)源：程序員人生發(fā)布時(shí)間：2013-11-16 04:41:59 閱讀次數(shù)：2661次

　　網(wǎng)(LieHuo.Net)教程 web2.0日益發(fā)展的今天，很多論壇和博客都在用戶注冊(cè)時(shí)添加了驗(yàn)證密碼強(qiáng)度的功能。近日收到很多站長(zhǎng)來(lái)信，要求網(wǎng)小編出一些這方面的實(shí)例，今天我們就來(lái)分享一段實(shí)例代碼，如下：

<html><title>javascript密碼強(qiáng)度驗(yàn)證-網(wǎng)LIEHUO.NET</TITLE><body><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; } //checkStong函數(shù) //返回密碼的強(qiáng)度級(jí)別 r 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)用戶放開(kāi)鍵盤或密碼輸入框失去焦點(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>用戶輸入密碼安全性測(cè)試<br>由網(wǎng)為您提供教程，更多教程：http://www.vxbq.cn/<form name=form1 action="" >輸入密碼:<input type=password size=10 onKeyUp=pwStrength(this.value) onBlur=pwStrength(this.value)><br>密碼強(qiáng)度:<table width="217" border="1" cellspacing="0" cellpadding="1" bordercolor="#cccccc" height="23" style='display:inline'><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></body></html>
提示：可修改后代碼再運(yùn)行!

生活不易，碼農(nóng)辛苦
如果您覺(jué)得本網(wǎng)站對(duì)您的學(xué)習(xí)有所幫助,可以手機(jī)掃描二維碼進(jìn)行捐贈(zèng)
程序員人生

------分隔線----------------------------

上一篇 原新浪網(wǎng)CEO王志東：創(chuàng)業(yè)艱難百戰(zhàn)多

下一篇 實(shí)例剖析：MySQL數(shù)據(jù)庫(kù)優(yōu)化詳解

分享到:

------分隔線----------------------------

為碼而活

積分：4237

15粉絲

7關(guān)注

欄目熱點(diǎn)

多多色-多人伦交性欧美在线观看-多人伦精品一区二区三区视频-多色视频-免费黄色视屏网站-免费黄色在线

Javascript驗(yàn)證密碼強(qiáng)度的實(shí)例代碼