是否可以将 Jquery Validation Plugin 与引导模式一起使用？答案

【问题标题】：Is it possible to use Jquery Validation Plugin with a bootstrap modal(s)?是否可以将 Jquery Validation Plugin 与引导模式一起使用？
【发布时间】：2016-02-25 18:50:23
【问题描述】：

我有一个带有表单元素的母版页：

<form id="form1" runat="server">
   <asp:ContentPlaceHolder ID="MainContent" runat="server">             
   </asp:ContentPlaceHolder>
</form>

在我的子页面中，我有几个引导模式，在这些模式中，我希望能够在关闭模式之前验证这些信息。

在大多数情况下，我是动态构建这些模式的。

到目前为止，我已经尝试了 2 种不同的方法，但均未成功：

$("#form1").validate();
$("#frmUserModal").validate(); 然后我将表单标签添加到我的模态框的模态正文中。

例如：

<div class="modal-body">
   <form id="frmUserModal" >
      <div class="form-group">...controls...</div>
   </form>
</div>

在第二种情况下，我检查了HTML，第二个表单元素永远不会呈现。（我假设是因为您不能嵌套表单元素）。但是为什么我的验证没有在主窗体上执行，或者我该如何验证这些模式？

【问题讨论】：

您不能有 2 个嵌套的表单元素。这不是有效的 HTML 标记，请尝试删除“frmUserModal”表单
我最初没有 2 个表单元素，但我仍然遇到同样的问题。
你说你试过没有成功是什么意思？控制台有错误吗？
我没有看到任何错误，我也没有看到任何验证发生。
你试过 $("#frmUserModal").valid(); 吗？如果表单有效则返回 true，否则返回 false

标签： javascript jquery asp.net twitter-bootstrap validation

【解决方案1】：

我通过添加另一个 ContentPlaceHolder 使其工作。

<form id="form1" runat="server">
   <asp:ContentPlaceHolder ID="MainContent" runat="server">             
   </asp:ContentPlaceHolder>
   <asp:ContentPlaceHolder ID="ScriptContentPost" runat="server">             
   </asp:ContentPlaceHolder>
</form>

然后我将我的验证添加到该占位符。但是，仍然必须有更好的方法来处理此验证。我仍然必须使用 $("#form1").validate();
由于我有许多表单调用更多的模态，我真的必须努力重置表单验证。
我真的希望我可以在 div 元素上进行验证。

【讨论】：