假设你有一个类似的形式

<form action="membersDeleteAllData.html" method="post">
    <button type="submit" id="btnLoad" onclick="confirmAction(event);">ERASE ALL DATA</button>
</form>

下面是confirmAction函数的javascript

<script type="text/javascript">
    function confirmAction(e)
    {
        var confirmation = confirm("Are you sure about this ?") ;

        if (!confirmation)
        {
            e.preventDefault() ;
            returnToPreviousPage();
        }

        return confirmation ;
    }
</script>

这一个工作在Firefox, Chrome, Internet Explorer(edge)， Safari等。

如果不是这样，请告诉我

以下是目前为止的工作(在Chrome和Firefox中测试):

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

其中validateMyForm()是一个函数，如果验证失败则返回false。关键是使用名称事件。我们不能使用例如e.c preventdefault()。

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

<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的情况下，如果上面的代码不工作，请设置事件处理程序的参数的returnValue字段为假，让它工作。

谢谢Sam分享信息。

编辑:

感谢Vikram的解决方法，如果validateMyForm()返回false:

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

其中validateMyForm()是一个函数，如果验证失败则返回false。关键是使用名称事件。我们不能使用例如e.c epreventdefault ()

Hemant和Vikram的回答在Chrome浏览器中并不完全适用。event.preventDefault ();脚本阻止页面提交，无论是否通过验证。相反，我必须移动event.preventDefault();输入if语句，如下所示:

    if(check if your conditions are not satisfying) 
    { 
    event.preventDefault();
    alert("validation failed false");
    returnToPreviousPage();
    return false;
    }
    alert("validations passed");
    return true;
    }

感谢赫曼特和维克拉姆让我走上正轨。

做一件简单的事情有很多困难的方法:

<form name="foo" onsubmit="return false">

例如，如果你在表单上有提交按钮，为了阻止它的传播，只需编写event.preventDefault();在点击提交按钮或进入按钮时调用的函数中。