欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JS實現(xiàn)根據(jù)密碼長度顯示安全條功能

 更新時間:2017年03月08日 14:56:57   作者:yanfangphp  
這篇文章主要介紹了基于JS實現(xiàn)根據(jù)密碼長度顯示安全條功能,非常不錯,在一些網(wǎng)站上經(jīng)常會遇到此功能,需要的的朋友參考下實現(xiàn)代碼吧

大家在一些網(wǎng)站上經(jīng)??梢钥吹綌?shù)碼密碼會根據(jù)輸入的密碼長度顯示安全條功能,此功能基于js如何實現(xiàn)的呢?下面看下實現(xiàn)代碼,具體代碼如下所示:

//根據(jù)密碼長度顯示安全條
          <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ù)字,字母,下劃線,長度在 6 - 20 個字符之間</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實現(xiàn)根據(jù)密碼長度 顯示安全條功能,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!

相關(guān)文章

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

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

    絕大多數(shù)人喜歡用parseInt()把css中的字符串值轉(zhuǎn)換成數(shù)值
    2011-10-10
  • 你必須知道的Javascript知識點(diǎn)之"字面量和對應(yīng)類型"說明介紹

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

    本篇文章小編為大家介紹,你必須知道的Javascript知識點(diǎn)之"字面量和對應(yīng)類型"。需要的朋友參考下
    2013-04-04
  • JavaScript之自定義類型

    JavaScript之自定義類型

    在JavaScript中,創(chuàng)建一個具有自定義屬性和方法的對象有很多種模式,下面一一進(jìn)行介紹
    2012-05-05
  • 用JavaScript實現(xiàn)UrlEncode和UrlDecode的腳本代碼

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

    用js自定義函數(shù)寫的實現(xiàn)url加密解密的實現(xiàn)代碼,需要的朋友可以參考下
    2008-07-07
  • 最新評論