JS实现根据密码长度 显示安全条

2018-07-20    来源:open-open

容器云强势上线!快速搭建集群,上万Linux镜像随意使用
//根据密码长度显示安全条

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

标签: isp 安全

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点!
本站所提供的图片等素材,版权归原作者所有,如需使用,请与原作者联系。

上一篇:java lock 用法

下一篇:iOS实现爆炸的效果