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

Prevent a modal button to submit the form it is in

问题:

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

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

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

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

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

有什么想法吗?

只需将 "button" 的输入类型添加到您的 HTML。那么你不需要你的dontSubmit class.

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

原因是:在 HTML5 中,任何没有类型的按钮默认为 "submit" 类型。

希望对您有所帮助!