根据密码长度显示安全条

最新推荐文章于 2023-01-15 19:55:00 发布

yanfangphp

最新推荐文章于 2023-01-15 19:55:00 发布

阅读量1.3k

点赞数

分类专栏： PHP学习收集

本文链接：https://blog.csdn.net/yanfangphp/article/details/22402901

版权

PHP学习收集专栏收录该内容

71 篇文章 0 订阅

订阅专栏

//根据密码长度显示安全条

                    <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;
}