• 欢迎访问开心洋葱网站,在线教程,推荐使用最新版火狐浏览器和Chrome浏览器访问本网站,欢迎加入开心洋葱 QQ群
  • 为方便开心洋葱网用户,开心洋葱官网已经开启复制功能!
  • 欢迎访问开心洋葱网站,手机也能访问哦~欢迎加入开心洋葱多维思维学习平台 QQ群
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏开心洋葱吧~~~~~~~~~~~~~!
  • 由于近期流量激增,小站的ECS没能经的起亲们的访问,本站依然没有盈利,如果各位看如果觉着文字不错,还请看官给小站打个赏~~~~~~~~~~~~~!

JavaScript验证密码强度

JavaScript 水墨上仙 2533次浏览

下面的JS代码用于验证密码强度,最强的为100

<!DOCTYPE HTML>
<html>
    <head>
        <title>Password Strength</title>
    </head>
    <script>
    function password_strength(string){
        var h    = 0;
        var size = string.length;
        var result = {};
        string = ('' + string).split('').sort().join('').match(/(.)\1*/g);
        for (i = 0; i != string.length; i += 1) {
         result[string[i].charCodeAt(0)] = string[i].length;
        }
        for(var i in result){
            var p = result[i] / size;
            h -= p * Math.log(p) / Math.log(2);
        }
        var strength = (h / 4) * 100;
        if(strength > 100){
            strength = 100;
        }
        return strength;
    }
    </script>
    <body>
        <p>
            <input type="text" id="password" />
        </p>
        <div style="position: absolute;width: 300px;border:solid 1px;height: 20px;background-color: red;">
            <div style="position: absolute;width: 0;height: 20px;background-color: green;" id="green-bar"></div>
            <span id="str" style="position: absolute;width: 100%;left:0;right: 0;text-align: center;color: white;font-weight: bold;">0%</span>
        </div>
        <script>
            document.getElementById("password").onkeyup = function(){
                var val = this.value;
                var strength = Math.round(password_strength(val));
                document.getElementById("green-bar").style.width = strength + "%";
                document.getElementById("str").innerText = strength + "%";
            };
        </script>
    </body>
</html>


开心洋葱 , 版权所有丨如未注明 , 均为原创丨未经授权请勿修改 , 转载请注明JavaScript验证密码强度
喜欢 (0)
加载中……