zoukankan      html  css  js  c++  java
  • 使用JS验证密码的强度

    密码强度评分,根据得分显示密码强度。
    function testpass(password,username){
        var score = 0;
        if (password.length < 4 ) { return -4; }
        if (typeof(username) != 'undefined' && password.toLowerCase() == username.toLowerCase()){return -2}
        score += password.length * 4;
        score += ( repeat(1,password).length - password.length ) * 1;
        score += ( repeat(2,password).length - password.length ) * 1;
        score += ( repeat(3,password).length - password.length ) * 1;
        score += ( repeat(4,password).length - password.length ) * 1;
        if (password.match(/(.*[0-9].*[0-9].*[0-9])/)){ score += 5;}
        if (password.match(/(.*[!,@,#,$,%,^,&,*,?,_,~].*[!,@,#,$,%,^,&,*,?,_,~])/)){ score += 5 ;}
        if (password.match(/([a-z].*[A-Z])|([A-Z].*[a-z])/)){ score += 10;}
        if (password.match(/([a-zA-Z])/) && password.match(/([0-9])/)){ score += 15;}
        if (password.match(/([!,@,#,$,%,^,&,*,?,_,~])/) && password.match(/([0-9])/)){ score += 15;}
        if (password.match(/([!,@,#,$,%,^,&,*,?,_,~])/) && password.match(/([a-zA-Z])/)){score += 15;}
        if (password.match(/^\w+$/) || password.match(/^\d+$/) ){ score -= 10;}
        if ( score < 0 ){score = 0;}
        if ( score > 100 ){ score = 100;}
        return score;
        
        function repeat(len,str){
        var res = "";
        for (var i = 0; i < str.length; i++ ){
            var repeated = true;
            for (var j = 0, max = str.length - i - len; j < len && j < max; j++){
                repeated = repeated && (str.charAt(j + i) == str.charAt(j + i + len));
            }
            if (j < len) repeated = false;
            if (repeated) {
                i += len - 1;
                repeated = false;
            }else{
                res += str.charAt(i);
            }
        }
        return res;
        }
    }

    通过上述函数可对密码进行评分验证。
    举例:
    function checkpass(pass){
        var username = document.getElementById('username').value;
        var score = testpass(pass.value,username);
        var password_label = document.getElementById('password_label');
        if(score == -4)    {
            password_label.innerHTML = '太短';
        }else if(score == -2){
            password_label.innerHTML = '与用户名相同';
        }else{
            var color = score < 34 ? '#edabab' : (score < 68 ? '#ede3ab' : '#d3edab');
            var text = score < 34 ? '弱' : (score < 68 ? '一般' : '很好');
            var width = score + '%';
            password_label.innerHTML = "<span style='"+width+";display:block;overflow:hidden;height:20px;line-height:20px;background:"+color+";'>"+text+"</span>";
        }
    }
    </script>
    请输入用户名:<br>
    <input type="text" class="inpt" name="username" style="160px" id="username" /><br>
    请输入密码:<br>
    <input type="password" class="inpt" style="160px" onkeyup="javascript:checkpass(this)" name="pass" id="pass" /><br>
    <span id="password_label" style="160px;border:1px solid #F0F0F0"></span>

  • 相关阅读:
    使用Session防止表单重复提交
    Mysql中的排序规则utf8_unicode_ci、utf8_general_ci的区别总结
    Eclipse 设置文件的默认打开方式
    使用maven创建web项目
    solr配置中文分词器——(十二)
    solr后台界面介绍——(十一)
    solr4.10.3部署到tomcat——(十)
    Java与计算机常识
    solr简介——(九)
    Redis简介——(一)
  • 原文地址:https://www.cnblogs.com/see7di/p/2239690.html
Copyright © 2011-2022 走看看