老师，我这里为什么实现不了？

来源：2-24 正则表达式的应用

墨莫

2021-03-21 20:09:09

这个是想通过input失去焦点去进行校验，但是失去焦点的程序不执行，我找不到原因，页面也没有报错

相关代码：

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

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>用正则表达式进行表单验证</title>
    <style>
        .warning {
            color: red;
            display: none;
        }
    </style>
</head>

<body>
    <div>
        <p>
            请输入您的姓名：
            <input type="text" id="nameField">
            <span class="warning" id="warning1">您输入的姓名格式有误</span>
        </p>

    </div>
    <script>
        var name = document.getElementById("nameField");
        var warning1 = document.getElementById("warning1");
        var passwd1 = document.getElementById("passwd1");
        var passwd2 = document.getElementById("passwd2");
        var nameRegExp = /^[\u4e00-\u9fa5]{2,4}$/;
        console.log(name);

        name.onblur = function () {
            console.log("姓名失去焦点");
            warning1.style.display = "inline-block";

            // if (nameRegExp.test(name.value)){
            //     warning1.style.display = "inline-block";
            // }else{
            //     console.log("姓名校验通过");
            // }
        };
    </script>
</body>

</html>