停止表单提交的 JavaScript 代码

Question

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

单击提交按钮时，将调用验证函数。我有一个表单验证案例。如果满足该条件，我将调用一个名为 returnToPreviousPage();

的函数

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

我正在使用 JavaScript 和 Dojo Toolkit .

而不是返回上一页，它提交表单。如何中止此提交并返回上一页？

Answer 1

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

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

功能类似

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

Chrome 27.0.1453.116 m 如果以上代码不起作用，请set the event handler's parameter's returnValue字段为 false 以使其工作。

感谢 Sam 分享信息。

编辑:

感谢 Vikram 为 validateMyForm() 返回 false 提供的解决方法:

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

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