JS實(shí)現(xiàn)根據(jù)密碼長(zhǎng)度顯示安全條功能
大家在一些網(wǎng)站上經(jīng)??梢钥吹綌?shù)碼密碼會(huì)根據(jù)輸入的密碼長(zhǎng)度顯示安全條功能,此功能基于js如何實(shí)現(xiàn)的呢?下面看下實(shí)現(xiàn)代碼,具體代碼如下所示:
//根據(jù)密碼長(zhǎng)度顯示安全條 <ul class="clear"> <li>密 碼:</li> <li> <input type="password" id="pwd" name="pwd" class="in" onKeyUp=pwStrength(this.value) onBlur=pw_y("pwd","pwd1")></li> <li><em class="red">*</em></li> <li class="i2 grey"><table border="0" bordercolor="#cccccc" style='display:marker'> <tr align="center"> <td id="strength_L" bgcolor="#eeeeee">弱</td> <td id="strength_M" bgcolor="#eeeeee">中</td> <td id="strength_H" bgcolor="#eeeeee">強(qiáng)</td> <td align="left" > <label id="pwd1">使用數(shù)字,字母,下劃線,長(zhǎng)度在 6 - 20 個(gè)字符之間</label></td> </tr> </table> </li> </ul> 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; }
以上所述是小編給大家介紹的JS實(shí)現(xiàn)根據(jù)密碼長(zhǎng)度 顯示安全條功能,希望對(duì)大家有所幫助,如果大家有任何疑問請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持!
相關(guān)文章
js使用for循環(huán)與innerHTML獲取選中tr下td值
這篇文章主要與大家分享了js使用for循環(huán)與innerHTML獲取選中tr下td值的方法,很簡(jiǎn)單,但很實(shí)用,有需要的朋友可以參考下2014-09-09簡(jiǎn)單了解JavaScript中的執(zhí)行上下文和堆棧
這篇文章主要介紹了簡(jiǎn)單了解JavaScript中的執(zhí)行上下文和堆棧,你應(yīng)該對(duì)解釋器了解得更清楚:為什么在聲明它們之前可以使用某些函數(shù)或變量?以及它們的值是如何確定的?,需要的朋友可以參考下2019-06-06JavaScript中使用正則匹配多條,且獲取每條中的分組數(shù)據(jù)
該問題在使用Ajax遠(yuǎn)程獲取某網(wǎng)頁(yè)數(shù)據(jù)時(shí)經(jīng)常遇見 如果目標(biāo)頁(yè)面是XML,就好辦了,實(shí)用XMLDOM可以很輕松完成任務(wù)。2010-11-11網(wǎng)頁(yè)右下角彈出窗體實(shí)現(xiàn)代碼
右下角彈出窗體的效果在瀏覽網(wǎng)頁(yè)的時(shí)候會(huì)遇到,那么它是怎么實(shí)現(xiàn)的呢?本文有個(gè)不錯(cuò)的示例,大家可以參考下2014-06-06

css值轉(zhuǎn)換成數(shù)值請(qǐng)拋棄parseInt

你必須知道的Javascript知識(shí)點(diǎn)之"字面量和對(duì)應(yīng)類型"說明介紹

用JavaScript實(shí)現(xiàn)UrlEncode和UrlDecode的腳本代碼