检测密码符合正则表达式规则

最新推荐文章于 2023-10-30 17:11:22 发布

bettercat

最新推荐文章于 2023-10-30 17:11:22 发布

阅读量277

点赞数

分类专栏： JS 文章标签： js 正则表达式 jquery

本文链接：https://blog.csdn.net/sd6022/article/details/112554619

版权

JS 专栏收录该内容

15 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<script src="./lingui/jquery.min.js"></script>
<style>
    #judge1,
    #judge2,
    #judge3 {
        display: none;
    }
</style>

<body>
    <h3>检测密码是否符合规则</h3>
    密码<input type="text" id="newpassword">
    <!-- <button id="btn">检测密码</button> -->
    <p id="judge1">密码格式不正确</p>
    <p id="judge2">密码不能为空</p>
    <p id="judge3">密码格式正确</p>


    <script type="text/javascript">
        $("input").blur(function () {
            // 检测失去焦点事件是否触发
            // console.log("000000");
            // function check() {
            var nPwd = document.getElementById("newpassword").value;
            if (nPwd != "") {
                var reg = /^\w{6,12}$/;
                //调用正则验证test()函数
                isok = reg.test(nPwd);
                if (!isok) {
                    // 不符合校验规则
                    $("#judge2,#judge3").hide(),
                    $("#judge1").show()
                    document.getElementById("newpassword").focus();
                    return false;
                } else {
                    // 符合校验规则
                    $("#judge1,#judge2").hide(),
                    $("#judge3").show()
                }
            } else {
                $("#judge1,#judge3").hide(),
                $("#judge2").show();
            };
        })

    </script>
</body>

</html>