大家在一些網站上經常可以看到數碼密碼會根據輸入的密碼長度顯示安全條功能，此功能基于js如何實現的呢？下面看下實現代碼，具體代碼如下所示：

//根據密碼長度顯示安全條          <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">強</td>          <td align="left" >           <label id="pwd1">使用數字，字母，下劃線，長度在 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實現根據密碼長度 顯示安全條功能，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對錯新站長站網站的支持！