用js写的form表单验证,就是找不到哪里出错,求大神帮助
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>
Validate</title>
</head>
<body>
<script >
function Validate(){
var txtName=document.getElementById("txt_name");
var button=document.getElementById("btnValidate");
var form=document.getElementById("testform");
if(txtName.value.trim()==""){
var label=document.createElement("label");
label.setAttribute("for","txt_name");
form.insertBefore(label,button);
txtName.labels[1].innerHTML="请输入姓名";
txtName.labels[1].setAttribute("style","font-size:9px;color:red");
}
}
</script>
<form id="testform">
<label id="label" for="txt_name">姓名:</label>
<input id="txt_name">
<input type="button" id="btnValidate" value="验证" onclick="Validate()">
</form>
</body>
</html>
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(4)
F12一看就能看到
label.setAttribute("for","txt_name"); 这个中文分号的问题
label.setAttribute("for","txt_name");
这行的分号是全角分号, 所以出错, 改为英文分号就好.
js 没有
trim()这个方法
f12都不会吗?