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

Cag*_*y79 4 javascript jquery twitter-bootstrap bootstrap-modal

问题:

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

当我按下模态按钮时,仅当其他必填字段为空时,模态才会打开.当用户填写必填字段时,表单提交(这不是我期望的那个).

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

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

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

有任何想法吗?

Mat*_*est 14

只需在HTML中添加一个输入类型的"按钮"即可.那你就不需要你的dontSubmit类了.

<button data-toggle="modal" data-target="#modalAddStaff" type="button" >
Run Code Online (Sandbox Code Playgroud)

原因是:在HTML5中,任何没有类型的按钮都默认为"提交"类型.

希望有所帮助!