使用jQuery修改代码的问题
来源：2-1 JavaScript表单验证
小慧的骑士
2019-09-23 22:25:27
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<div id="div1"></div>
<form action="#" id="form1" >
名 字：<input id="name" type="text" >
身份证：<input id="sfz" type="text" ><br>
<input id="btn" type="submit" value="提交">
</form>
<script type="text/javascript" src="jquery-3.4.1.js"></script>
<script>
var regexname = /^[\u4e00-\u9fa5]{2-5}$/;
var regexsfz = /^[1234568]\d{16}[0-9xX]$/;
$("#btn").submit(function(){
if(regexname.test($("#name").value) == false){
$("#div1").innerHTML = "无效姓名";
return false;
}else if(regexsfz.test($("sfz").value) == false){
$("#div1").innerHTML = "无效身份证号";
return false;
}else{
alert("验证通过，准备提交");
return true;
}
})
</script>
</body>
</html>老师，我这样修改代码为什么会给我这样的提示：ReferenceError: $ is not definedregex.html:20:3
<anonymous> http://localhost:8080/regex/regex.html:20
我这样修改还有什么错误么？
写回答
1回答
-
好帮手慕柯南
2019-09-24
同学你好！
同学的js引入路径是否有问题呢
同学的代码，有问题哦，问题较多，老师对同学的代码进行了修改，同学可以参考一下：
<html> <head> <meta charset="UTF-8"> <title>Insert title here</title> </head> <body> <div id="div1"></div> <form action="#" id="form1" > 名 字：<input id="name" type="text" > 身份证：<input id="sfz" type="text" ><br> <input id="btn" type="submit" value="提交"> </form> <script type="text/javascript" src="js/jquery-3.3.1.js"></script> <script> var regexname = /^[\u4e00-\u9fa5]{2,5}$/; var regexsfz = /^[1234568]\d{16}[0-9xX]$/; $("form").submit(function(e){ if(regexname.test($("#name").val())==false){ $("#div1").html("无效姓名"); return false; }else if(regexsfz.test($("#sfz").val())==false){ $("#div1").html("无效身份证号"); return false; }else{ alert("验证通过，准备提交"); return true; } }) </script> </body> </html>如果我的回答解决了你的疑惑，请采纳，祝学习愉快~
0
相似问题