Question

问题：

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

当我按下模态按钮时，仅当其他必填字段为空时，模态才会打开。当用户填写必填字段时，表单提交（这不是我期望的那样）。

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

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

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

有什么想法吗？

Answer 1

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

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

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

希望有所帮助！