密码强度验证

最新推荐文章于 2022-09-08 09:59:04 发布

xinxinji

最新推荐文章于 2022-09-08 09:59:04 发布

阅读量677

点赞数 1

分类专栏： jquery 文章标签：密码强度密码验证强度认证

本文链接：https://blog.csdn.net/xinxinji/article/details/50518202

版权

jquery 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

密码强度认证，我的这个demo的简单的规则：

纯数字或者字母：弱，

数字和字母：中，

数字，字母特殊字符：强

好了，规则说清楚了直接上代码：

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>密码强度验证</title>
</head>
<body>
    密码：<input type="text"/><br>
    <span></span>
    <script src="jq.js"></script>
    <script type="text/javascript">
        $("input").blur(function () {
            var pass = $("input").val();
            var reg1 = /^[0-9]+$/;
            var reg2 = /^[a-zA-Z]+$/;
            var reg3 = /^[a-zA-Z0-9]+$/;
            var reg4 = /^[a-zA-Z0-9!@#$%^&*()_+-=]+$/;

            if (pass.length < 6) {
                $("span").text("密码最少六位");
            } else if (reg1.test(pass) || reg2.test(pass)) {
                $("span").text("弱");
            } else if(reg3.test(pass)) {
                $("span").text("中");
            } else if(reg4.test(pass)) {
                $("span").text("强");
            } else {
                $("span").text("密码合格");
            }
        });
    </script>
</body>
</html>

代码不难，思路也很简单，给初学者一个简单的思路，勿喷！！！