Question

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

Answer 1

使用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>

Answer 2

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

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

  //JS after validation checks, you set validation_errors = true or false
  if validation_errors:
     document.forms["myform"].submit();

验证后javascript提交表单

2 个答案: