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

javascript html forms button form-submit

2022-08-30 00:57:38

我有一个HTML表单，我使用几个按钮。问题是，无论我点击哪个按钮，即使按钮不是“提交”类型，表单也会被提交。例如，像：这样的按钮，导致表单提交。<button>Click to do something</button>

为这些按钮中的每一个做一个都是非常痛苦的。e.preventDefault()

我使用jQuery和jQuery UI，网站是HTML5。

有没有办法禁用此自动行为？

答案 1

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

设置为更改它。是默认值（由 HTML 规范指定）：type="button"type="submit"

缺少值的默认值和无效值的默认值是“提交按钮”状态。

答案 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
}

此外，如果您使用表格，则不会提交。type="button"