单击按钮时禁用表单自动提交

Question

我有一个HTML表单，其中使用了几个按钮。问题是，无论我单击哪个按钮，即使该按钮的类型不是“ submit”，也将提交表单。例如：之类的按钮<button>Click to do something</button>，导致表单提交。e.preventDefault()为这些按钮中的每个按钮执行一次操作是非常痛苦的。我使用jQuery和jQuery UI，并且网站使用HTML5。有没有办法禁用这种自动行为？

Answer 1

像按钮<button>Click to do something</button> 是提交按钮。

设置type="button"以改变它。type="submit"是默认值（由HTML建议指定）。

Answer 2

做您想要的事并不难。您可以尝试使用return false（return false会覆盖每个DOM元素的默认行为），如下所示：

myform.onsubmit=function()

{ 

  //do what you want;

  return false;

}

然后使用myform.submit（）提交表单

或者：

mybutton.onclick=function () 

{

   //do what you want;

   return false;

}

但是我认为Input type =“ button” / Button type =“ button”不会提交您的表单，您可以毫无问题地使用它们。

Answer 3

<button>实际上是提交按钮，它们没有其他主要功能。您必须将类型设置为按钮。

但是，如果您按如下所示绑定事件处理程序，则可以定位所有按钮，而不必为每个按钮手动执行操作！

$('form button').on("click",function(e){

    e.preventDefault();

});