Question

我正在尝试在Bootstrap模式中包含的Form中使用这个漂亮的插件http://reactiveraven.github.io/jqBootstrapValidation/。我面临的唯一问题是关于按下模态按钮时应该检查的必填字段。问题是，当按钮位于表单（和表单控件组）之外时，它不受验证插件的管理。我应该如何处理它？</ p>

这是我想要实现的目标，但我无法理解所提议的解决方案 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">

Bootstrap模式中的表单验证

1 个答案: