请老师帮忙看一下哪里出问题了吗?为什么提交后无效
来源: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回答
同学你好,同学可以把:<scrip>代码放到</body>后下试试,放到前边时,加载js时,会还没有加载到底下的html,导致获取html中的元素时,没有找到。
如果我的回答解决了你的疑惑,请采纳!祝学习愉快!
相似问题