javascript - 阻止模态按钮提交它所在的表单

Question

问题:

我在打开模式以选择数据(用户和成本类型)的表单中有 Bootstrap 模式按钮，这些按钮并不意味着提交主表单。

当我按下模态按钮时，模态仅在其他必填字段为空时打开。当用户填写必填字段时，表单将提交(这不是我所期望的)。

如何在尝试打开模式时阻止表单提交？

e.preventDefault(); 不会阻止表单提交。

可以在这里找到 jsfiddle:http://jsfiddle.net/cagy79/193thboq/

有什么想法吗？

Answer 1

只需将输入类型“按钮”添加到您的 HTML 中即可。那么你就不需要你的 dontSubmit 类。

<button data-toggle="modal" data-target="#modalAddStaff" type="button" >

原因是:在 HTML5 中，任何没有类型的按钮都默认为“提交”类型。

希望对您有所帮助!