Javascript 验证后提交表单的java脚本_Javascript_Forms_Validation

Javascript 验证后提交表单的java脚本

javascript forms validation

Javascript 验证后提交表单的java脚本,javascript,forms,validation,Javascript,Forms,Validation,我有个小问题。我有一个表单，我的js验证它。然后，如果验证成功，我需要提交表单，如果验证不成功，我需要阻止提交。我尝试使用addEventListener（提交，函数）。但我不知道怎么做。不使用JQuery的最佳方法是什么？使用onsubmit事件调用函数： <!DOCTYPE html> <html> <head> <script> function validateForm() { var x=document.forms["myForm

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

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


函数validateForm（）
{
var x=document.forms[“myForm”][“fname”].value；
如果（x==null | | x==“”）
{
警告（“必须填写姓名”）；
返回false；
}
}
名字：

假设您有一个带有名称的表单，您可以从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();

//HTML
......
//JS在验证检查之后，设置validation\u errors=true或false
如果验证错误：
document.forms[“myform”].submit（）；

然后在submit=“return myFunctionValidatingInput（）”上调用该函数。在这里，我已经给了你一个粗略的草图，你的代码将是怎样的