停止表单提交的JavaScript代码

Question

停止表单提交的JavaScript代码

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

单击Submit按钮时，将调用验证函数。我有个表格验证的案子。如果满足了这个条件，我将调用一个名为返回：ToPreviousPage()；

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

我使用JavaScript和Dojo工具包.

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

Answer 1

可以使用函数的返回值来防止表单提交。<form&nbsp;name="myForm"&nbsp;onsubmit="return&nbsp;validateMyForm();">功能就像<script&nbsp;type="text/javascript">function&nbsp;validateMyForm(){ &nbsp;&nbsp;if(check&nbsp;if&nbsp;your&nbsp;conditions&nbsp;are&nbsp;not&nbsp;satisfying) &nbsp;&nbsp;{&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;alert("validation&nbsp;failed&nbsp;false"); &nbsp;&nbsp;&nbsp;&nbsp;returnToPreviousPage(); &nbsp;&nbsp;&nbsp;&nbsp;return&nbsp;false; &nbsp;&nbsp;} &nbsp;&nbsp;alert("validations&nbsp;passed"); &nbsp;&nbsp;return&nbsp;true;}</script>如果Chrome 27.0.1453.116米以上代码不起作用，请设置事件处理程序的参数的返回值字段为FALSE使其工作。谢谢山姆分享信息。编辑：感谢Vikram的解决办法，因为if valdateMyForm()返回false：&nbsp;<form&nbsp;onsubmit="event.preventDefault();&nbsp;validateMyForm();">如果验证失败，valdateMyForm()是返回false的函数。关键是使用Name事件。我们不能使用例如e-防范Default()

Answer 2

使用防止默认Dojo工具包dojo.connect(form,&nbsp;"onsubmit",&nbsp;function(evt)&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;evt.preventDefault(); &nbsp;&nbsp;&nbsp;&nbsp;window.history.back();});jQuery$('#form').submit(function&nbsp;(evt)&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;evt.preventDefault(); &nbsp;&nbsp;&nbsp;&nbsp;window.history.back();});香草JavaScriptif&nbsp;(element.addEventListener)&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;element.addEventListener("submit",&nbsp;function(evt)&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;evt.preventDefault(); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;window.history.back(); &nbsp;&nbsp;&nbsp;&nbsp;},&nbsp;true);}else&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;element.attachEvent('onsubmit',&nbsp;function(evt){ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;evt.preventDefault(); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;window.history.back(); &nbsp;&nbsp;&nbsp;&nbsp;});}