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

Question

我有一个HTML表单,我使用几个按钮.问题是无论我点击哪个按钮,即使按钮不是"提交"类型,表单也会被提交.例如:按钮<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(返回false覆盖每个DOM元素的默认行为),如下所示:

myform.onsubmit=function()
{ 
  //do what you want;
  return false;
}

然后使用myform.submit()提交表单

或者:

mybutton.onclick=function () 
{
   //do what you want;
   return false;
}

但是我认为输入类型="按钮"/按钮类型="按钮"不会提交您的表单,您可以毫无问题地使用它们.

Answer 3

<button>实际上是提交按钮,它们没有其他主要功能.您必须将类型设置为按钮.
但是如果你像下面那样绑定你的事件处理程序,你可以定位所有按钮,而不必为每个按钮手动执行!

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