1

我有一个小问题。我有一个表单，我的 js 验证它。然后，如果验证成功，我需要提交表单，如果验证不成功，则阻止提交。我尝试使用 addEventListener （提交，函数）。但我不知道该怎么做。不使用 JQuery 的最佳方法是什么？

4

2 回答 2

0

使用 onsubmit 事件调用您的函数：

<!DOCTYPE html>
<html>
<head>
<script>
function validateForm()
{
   var x=document.forms["myForm"]["fname"].value;
   if (x==null || x=="")
  {
     alert("First name must be filled out");
     return false;
  }
}
</script>
</head>

<body>
<form name="myForm" action="demo_form.asp" onsubmit="return validateForm()"   method="post">
First name: <input type="text" name="fname">
<input type="submit" value="Submit">
</form>
</body>

</html>
于 2013-11-08T14:52:13.160 回答
0

假设您有一个带有名称的表单，您可以从 javascipt 调用 submit 或者如果未通过验证则不调用它：

  //HTML
  <form name="myform">
  ......
  </form>

  //JS after validation checks, you set validation_errors = true or false
  if validation_errors:
     document.forms["myform"].submit();
于 2013-11-08T14:52:22.783 回答