阻止模态按钮提交它所在的表单
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" 类型。
希望对您有所帮助!
问题:
我在表单中有 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" 类型。
希望对您有所帮助!