用js写的form表单验证,就是找不到哪里出错,求大神帮助

发布于 2021-12-01 01:28:19 字数 978 浏览 789 评论 4

<!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 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(4

带上头具痛哭 2021-12-02 08:16:26

F12一看就能看到  
label.setAttribute("for","txt_name"); 这个中文分号的问题

千纸鹤带着心事 2021-12-02 07:59:57

label.setAttribute("for","txt_name");

这行的分号是全角分号, 所以出错, 改为英文分号就好.

落墨 2021-12-02 07:37:26

js  没有
trim()这个方法

策马西风 2021-12-02 06:35:29

f12都不会吗?

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文