请老师帮忙看一下哪里出问题了吗?为什么提交后无效

来源:2-1 JavaScript表单验证

Mario5512

2019-08-18 18:57:58

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript" src="jquery-3.4.1.js"></script>
    <script type="text/javascript">
        var regex1 = /^[\u4e00-\u9fa5]{2,8}$/;
        var regex2 = /^[1234568]\d{16}[\dXx]$/;
        $("#s").on("submit",function () {
            if (regex1.test($("#name").val()) == false){
                $("#err").html("请输入正确姓名!");
                return false;
            }else if (regex2.test($("#id").val()) == false){
                $("#err").html("请输入正确身份证号!");
                return false;
            }
            else {
                alert("提交成功");
                return true;
            }
        });

    </script>
</head>
<body>
    <form id="s" action="#" method="get" >
        <div id="err" style="color: red"></div>
        <div>姓名:<input id="name"></div>
        <div>身份证号:<input id="id"></div>
        <div><input type="submit" value="提交"></div>
    </form>
</body>
</html>


写回答

1回答

好帮手慕阿莹

2019-08-18

同学你好,同学可以把:<scrip>代码放到</body>后下试试,放到前边时,加载js时,会还没有加载到底下的html,导致获取html中的元素时,没有找到。

http://img.mukewang.com/climg/5d5930cc0001716b07720544.jpg

如果我的回答解决了你的疑惑,请采纳!祝学习愉快!

0

0 学习 · 9666 问题

查看课程