js密碼強(qiáng)度校驗(yàn)
現(xiàn)在很多論壇和博客都在用戶注冊(cè)時(shí)添加了驗(yàn)證密碼強(qiáng)度的功能,在以前的文章中,我們?cè)?jīng)給出過(guò)一段檢驗(yàn)密碼強(qiáng)度的例子,今天再看一個(gè)與《js密碼強(qiáng)度校驗(yàn)》的代碼。
效果:
<html> <head> <script language="javascript"> //CharMode函數(shù) //測(cè)試某個(gè)字符是屬于哪一類. function CharMode(iN){ if (iN>=48 && iN <=57) //數(shù)字 return 1; if (iN>=65 && iN <=90) //大寫(xiě)字母 return 2; if (iN>=97 && iN <=122) //小寫(xiě) 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 /= 2; } 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)用戶放開(kāi)鍵盤(pán)或密碼輸入框失去焦點(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; } </script> </head> <body> <form> 輸入密碼:<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="20"> <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>
以上就是為大家分享的js密碼強(qiáng)度校驗(yàn)的全部代碼,希望對(duì)大家的學(xué)習(xí)有所幫助。
- javascript密碼強(qiáng)度校驗(yàn)代碼(兩種方法)
- JS 密碼強(qiáng)度驗(yàn)證(兼容IE,火狐,谷歌)
- js檢驗(yàn)密碼強(qiáng)度(低中高)附圖
- js檢測(cè)用戶輸入密碼強(qiáng)度
- js正則表達(dá)式驗(yàn)證密碼強(qiáng)度【推薦】
- 用于判斷用戶注冊(cè)時(shí),密碼強(qiáng)度的JS代碼
- js在客戶端驗(yàn)證密碼強(qiáng)度,兼容FireFox和IE
- JavaScript 密碼強(qiáng)度判斷代碼
- javascript 密碼強(qiáng)度驗(yàn)證規(guī)則、打分、驗(yàn)證(給出前端代碼,后端代碼可根據(jù)強(qiáng)度規(guī)則翻譯)
- JS實(shí)現(xiàn)的四級(jí)密碼強(qiáng)度檢測(cè)功能示例
- js實(shí)現(xiàn)密碼強(qiáng)度檢測(cè)【附示例】
- JavaScript動(dòng)態(tài)檢測(cè)密碼強(qiáng)度原理及實(shí)現(xiàn)方法詳解
相關(guān)文章
javascript 二維數(shù)組的實(shí)現(xiàn)與應(yīng)用
javascript沒(méi)有二維數(shù)組.所有自定義了一個(gè)數(shù)組類,下面是實(shí)例代碼,需要的朋友可以參考下。2010-03-0330分鐘快速入門(mén)掌握ES6/ES2015的核心內(nèi)容(上)
ES6增加了很多新的語(yǔ)法,很多同學(xué)學(xué)習(xí)起來(lái)感覺(jué)很別扭,有時(shí)候也不理解新增加的語(yǔ)法有什么用,對(duì)ES6的學(xué)習(xí)也沒(méi)有興趣進(jìn)而動(dòng)力不足、學(xué)習(xí)效率不高。下面這篇文章將通過(guò)30分鐘帶大家快速入門(mén)掌握ES6/ES2015的核心內(nèi)容,需要的朋友可以參考下。2018-04-04全面解析JS字符串和正則表達(dá)式中的match、replace、exec等函數(shù)
這篇文章主要介紹了全面解析JS字符串和正則表達(dá)式中的match、replace、exec等函數(shù)的相關(guān)資料,需要的朋友可以參考下2016-07-07如何通過(guò)js實(shí)現(xiàn)圖片預(yù)覽功能【附實(shí)例代碼】
如何通過(guò)js實(shí)現(xiàn)圖片預(yù)覽功能呢?下面小編就為大家?guī)?lái)一篇用js實(shí)現(xiàn)圖片預(yù)覽功能。給大家做個(gè)參考吧,一起跟隨小編過(guò)來(lái)看看2016-03-03小程序選項(xiàng)卡以及swiper套用(跨頁(yè)面)
這篇文章主要為大家詳細(xì)介紹了小程序選項(xiàng)卡以及swiper套用,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2020-06-06JS實(shí)現(xiàn)簡(jiǎn)易留言板增刪功能
這篇文章主要為大家詳細(xì)介紹了JS實(shí)現(xiàn)簡(jiǎn)易留言板增刪功能,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2020-02-02跟我學(xué)習(xí)javascript的浮點(diǎn)數(shù)精度
跟我學(xué)習(xí)javascript的浮點(diǎn)數(shù)精度,帶大家真正的理解JavaScript的浮點(diǎn)數(shù),提醒大家當(dāng)心浮點(diǎn)運(yùn)算中的精度陷阱,需要的朋友可以參考下2015-11-11Javascript將圖片的絕對(duì)路徑轉(zhuǎn)換為base64編碼的方法
這篇文章主要介紹了Javascript將圖片的絕對(duì)路徑轉(zhuǎn)換為base64編碼的方法,小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-01-01js中的異步獲取到的數(shù)據(jù)到底能不能賦值給一個(gè)全局變量問(wèn)題
這篇文章主要介紹了js中的異步獲取到的數(shù)據(jù)到底能不能賦值給一個(gè)全局變量問(wèn)題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2023-04-04