我有一个 HTML 表单，我在其中使用了几个按钮。问题是无论我点击哪个按钮，即使按钮不是“提交”类型，表单也会被提交。例如像 : 之类的按钮<button>Click to do something</button>，导致表单提交。
e.preventDefault()为这些按钮中的每一个都做一个是很痛苦的。
我使用 jQuery 和 jQuery UI，网站是 HTML5。
有没有办法禁用这种自动行为？
禁用表单自动提交按钮单击
IT技术
javascript
html
button
form-submit
forms
2021-01-14 12:33:45
5个回答
像提交按钮这样<button>Click to do something</button> 的按钮。
设置type="button"改变这一点。type="submit"是默认值（由 HTML 规范指定）：
缺失值默认和无效值默认为提交按钮状态。
您可以尝试使用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"您的表格将不会被提交。
<button>'s 实际上是提交按钮，它们没有其他主要功能。您必须将类型设置为按钮。
但是，如果您像下面这样绑定您的事件处理程序，您就可以定位所有按钮，而不必为每个按钮手动执行此操作！
$('form button').on("click",function(e){
e.preventDefault();
});
如果你想直接添加到输入作为属性，使用这个
onclick="return false;"
<input id = "btnPlay" type="button" onclick="return false;" value="play" />
这将防止表单提交行为
另一个：
if(this.checkValidity() == false) {
$(this).addClass('was-validated');
e.preventDefault();
e.stopPropagation();
e.stopImmediatePropagation();
return false;
}