Bootstrap模式中的表单验证

Question

我正在尝试在Bootstrap Modal中包含的表单中使用这个不错的插件http://reactiveraven.github.io/jqBootstrapValidation/ 。 我面临的唯一问题是有关必需字段的信息，应该在按下模式按钮时检查这些必填字段。 问题在于，由于按钮在表单（和表单控制组）之外，因此不受验证插件的管理。 我应该如何处理？

这是我想要实现的目标，但实际上我无法理解所建议的解决方案https://github.com/ReactiveRaven/jqBootstrapValidation/issues/22

Answer 1

您可以在表单内部创建一个提交按钮并将其隐藏。
当按钮在表单外部按下时，触发表单内部的click（）按钮

 $("#myButton2").on("click", function() { $("#myButton1").click(); }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <form id="myForm" action="#"> <input type="checkbox" name="myCheckbox" id="myCheckbox" required /> my checkbox <input type="submit" style="display:none" id="myButton1" /> </form> <input type="button" id="myButton2" value="button">