请老师帮忙看一下哪里出问题了吗?为什么提交后无效
来源: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中的元素时,没有找到。

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