停止表单提交的JavaScript代码

Question

停止表单提交的JavaScript代码阻止表单提交的一种方法是从JavaScript函数返回false。单击Submit按钮时，将调用验证函数。我有个表格验证的案子。如果满足了这个条件，我将调用一个名为返回：ToPreviousPage()；function returnToPreviousPage() {     window.history.back();}我使用JavaScript和Dojo工具包.而是回到上一页，提交表单。如何中止此提交并返回到上一页？

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米以上代码不起作用，请设置事件处理程序的参数的返回值字段为FALSE使其工作。

谢谢山姆分享信息。

编辑：

感谢Vikram的解决办法，因为if valdateMyForm()返回false：

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

如果验证失败，valdateMyForm()是返回false的函数。关键是使用Name事件。我们不能使用例如e-防范Default()

Answer 2

使用防止默认

Dojo工具包

dojo.connect(form, "onsubmit", function(evt) {
    evt.preventDefault();
    window.history.back();});

jQuery

$('#form').submit(function (evt) {
    evt.preventDefault();
    window.history.back();});

香草JavaScript

if (element.addEventListener) {
    element.addEventListener("submit", function(evt) {
        evt.preventDefault();
        window.history.back();
    }, true);}else {
    element.attachEvent('onsubmit', function(evt){
        evt.preventDefault();
        window.history.back();
    });}