zoukankan      html  css  js  c++  java
  • js 密码强弱的实现

    页面代码:

    <table>
            <tr><td><input type="text" id="txtPwd" /></td></tr>
            <tr><td>
                <table id="pwdLever">
                    <tr>
                        <td></td>
                        <td></td>
                        <td></td>
                    </tr>
                </table>
            </td></tr>
        </table>

    样式:

    <style type="text/css">
            #pwdLever td
            {
               background-color:Gray;
               width:45px;
               text-align:center;
            }
        </style>

    js代码:

    <script type="text/javascript">
            window.onload = function () {
                var textInput = document.getElementById("txtPwd");
                //给密码输入框 注册键放开事件
                textInput.onkeyup = function () {
                    var pwdValue = this.value;
                    var num = pwdChange(pwdValue);
                    var tds = document.getElementById("pwdLever").getElementsByTagName("td");
                    //修改密码颜色
                    if (num == 0 || num == 1) {
                        tds[0].style.backgroundColor = "red";
                        tds[1].style.backgroundColor = "gray";
                        tds[2].style.backgroundColor = "gray";
                    }
                    else if (num == 2) {
                        tds[0].style.backgroundColor = "red";
                        tds[1].style.backgroundColor = "red";
                        tds[2].style.backgroundColor = "gray";
                    }
                    else if (num == 3) {
                        tds[0].style.backgroundColor = "red";
                        tds[1].style.backgroundColor = "red";
                        tds[2].style.backgroundColor = "red";
                    }
                    else {
                        tds[0].style.backgroundColor = "gray";
                        tds[1].style.backgroundColor = "gray";
                        tds[2].style.backgroundColor = "gray";
                    }
                }
            }
            function pwdChange(v) {
                var num = 0;
                var reg = /\d/; //如果有数字
                if (reg.test(v)) {
                    num++;
                }
                reg = /[a-zA-Z]/; //如果有字母
                if (reg.test(v)) {
                    num++;
                }
                reg = /[^0-9a-zA-Z]/; //如果有特殊字符
                if (reg.test(v)) {
                    num++;
                }
                if (v.length < 6) { //如果密码小于6
                    num--;
                }
                return num;
            }
        </script>
  • 相关阅读:
    寻找SQL注入点
    根域名服务器
    Solr 文章集成
    Android事件分发机制
    王自如与老罗的辩论赛谁赢了?!
    ACdream原创群赛(13)のwuyiqi退役专场 C True love
    使用JS对select标签进行联动选择
    c++代码赏析之类对象传參
    基因治疗的现状
    解决手机訪问站点时总体相对屏幕缩小问题?(已解决)
  • 原文地址:https://www.cnblogs.com/nianlee/p/2972712.html
Copyright © 2011-2022 走看看