停止表单提交的JavaScript代码 [英] JavaScript code to stop form submission

问题描述

停止表单提交的一种方法是从您的JavaScript函数返回false。

单击提交按钮时，将调用验证函数。我有一个表单验证的案例。如果满足这个条件，我调用一个名为 returnToPreviousPage（）的函数;
$ b

 函数returnToPreviousPage（）{ 
 window.history.back（）; 
} 
  

我正在使用JavaScript和 Dojo Toolkit 。

返回上一页，它提交表单。我怎样才能中止这个提交并返回到前一页？

解决方案

您可以使用函数的返回值来防止表单提交

 < form name =myFormonsubmit =return validateMyForm（）;> 
  

和像

的功能

 < script type =text / javascript> 
函数validateMyForm（）
 {
 if（检查您的条件是否令人满意）
 {
 alert（validation failed false）; 
 returnToPreviousPage（）; 
返回false; 
} 
 
 alert（验证通过）; 
返回true; 
} 
< / script> 
  

如果Chrome 27.0.1453.116 m如果上述代码无效，请将事件处理程序的参数的returnValue 字段设置为false以使其起作用。

感谢Sam分享信息。

编辑：

感谢Vikram如果validateMyForm（）返回false，他的解决方法：

 < form onsubmit =event.preventDefault（）; validateMyForm（） ;> 
  

其中validateMyForm（）是一个在验证失败时返回false的函数。关键是要使用名称事件。我们不能用于例如e.preventDefault（）

One way to stop form submission is to return false from your JavaScript function.

When the submit button is clicked, a validation function is called. I have a case in form validation. If that condition is met I call a function named returnToPreviousPage();

function returnToPreviousPage() {
    window.history.back();
}

I am using JavaScript and Dojo Toolkit.

Rather going back to the previous page, it submits the form. How can I abort this submission and return to the previous page?

解决方案

You can use the return value of the function to prevent the form submission

<form name="myForm" onsubmit="return validateMyForm();"> 

and function like

<script type="text/javascript">
function validateMyForm()
{
  if(check if your conditions are not satisfying)
  { 
    alert("validation failed false");
    returnToPreviousPage();
    return false;
  }

  alert("validations passed");
  return true;
}
</script>

In case of Chrome 27.0.1453.116 m if above code does not work, please set the event handler's parameter's returnValue field to false to get it to work.

Thanks Sam for sharing information.

EDIT :

Thanks to Vikram for his workaround for if validateMyForm() returns false:

 <form onsubmit="event.preventDefault(); validateMyForm();">

where validateMyForm() is a function that returns false if validation fails. The key point is to use the name event. We cannot use for e.g. e.preventDefault()

这篇关于停止表单提交的JavaScript代码的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！