阻止表单提交到其他页面

我有这个代码:

 

我想阻止表单提交到另一个页面。现在如果你点击输入它提交到一个不同的页面

在纯JavaScript中

  

请注意,不会让您提交表单,所以理想情况下您将调用您的提交处理函数,您可以在其中控制何时提交

  

并在您的提交处理程序中

  function mySubmitHandler(){ if (submit_criteria_met) { return true; } else { return false; } return false; } 

这应该是诀窍:

 $('form#search').on('submit', function(e) { e.preventDefault(); }); 

重要的部分是e.preventDefault() ,它会在触发submit事件时阻止表单提交。

删除输入字段中的onkeypress属性,当按下回车键时,它看起来像在窗帘后面张贴一些(键码13)。

您可能还希望阻止表单提交,尽管它似乎提交到同一页面,因为action属性为空。

如果您无法编辑HTML,请尝试以下操作:

 $('#search').submit(function(e) { e.preventDefault(); }).find('input[onkeypress]').removeAttr('onkeypress'); 

测试: http : //jsfiddle.net/DAvfm/

防止表单的默认操作。

 $('#search').submit(function(event) { event.preventDefault(); }); 
 $('#search').bind('submit',function(e) { e.preventDefault(); });