zxcvbn.js是一款密码强度检测评分评估js插件-BFW插件库

zxcvbn.js是一款密码强度检测评分评估js插件

zxcvbn.js是一款密码强度检测评分评估js插件,zxcvbn根据输入的密码字符串生成5个等级，分别是：很弱：0、弱:1、一般:2、强:3、很强:4。用户根据这个来判断。

使用方式：

第一步引入zxcvbn

 <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/zxcvbn.js"></script>

第二步配置参数

zxcvbn(passwordstr)会返回一个带有score密码强度评分的对象，直接根据这个对象来设置用户的提示及颜色

完整代码如下：

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum=1.0,minimum=1.0,user-scalable=0" />

    <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/zxcvbn.js"></script>

</head>

<body>
    <div id="picker">
        <input type="password" onkeydown="check(this)" />
        <span id="strengthshow"></span>
    </div>

    <script>
        var strengthshow=document.getElementById("strengthshow");
         var passwordLabels='长度不够,弱,一般,很强,非常非常强'.split(',');
        function check(obj){
           
                  var result = zxcvbn(obj.value);
                      result.label = passwordLabels[result.score];
                      if (result.score < 3) {
                          strengthshow.innerHTML="密码太弱了";
                       
                      }else{
                            strengthshow.innerHTML=result.label ;
                      }
        }
    </script>
</body>

</html>

zxcvbn.js是一款密码强度检测评分评估js插件

网友评论0

vconsole.js

ntc.js

classie.js

jquery.wheelOfFortune.js

guagua.js

qrcode.js

tracking-min.js

Scratch.js

crossroads.js

jscapture.js