更新面板与 jquery 验证冲突

Question

我一直在提交点击中使用 jQuery 验证。我的页面包含两个 div。

当我将两个 div 放在单个更新面板中时出现问题，验证停止工作，错误显示

Uncaught TypeError: Object [object Object] has no method 'validate'

当更新面板被评论时，一切正常，但有完整的回发（我不想要）。

我几乎使用了所有在互联网上找到的东西（noConflicts、Sys.WebForms.PageRequestManager.getInstance() 等）

谁能帮助我更多？

代码：

头：

<script type="text/javascript" src="../../Javascript/Validators/jquery.validate.js"></script>
<script type="text/javascript">
    jQuery(document).ready
    (
      function () {
          jQuery("#btn_Save").live("click", function () {
              jQuery("#form1").validate
        (
          {
              rules: {
                  txtContactPerson: "required"
              },
              messages: {
                  txtContactPerson: " * Please enter Contact Person Name"
              }
          }
        );
          });
      }
    ); 
</script>          

身体：

更新面板中的两个简单列表 div

Answer 1

实际上，您可以在服务器表单中使用 jQuery 验证。但是使用 UpdatePanel 变得很棘手。尝试以下方法：

在标题中：

<script type="text/javascript">
     $(function () {
          $("#form1").validate(
          {
               rules: {
                    '<%= txtContactPerson.ClientID %>': "required"
               },
               messages: {
                    '<%= txtContactPerson.ClientID %>': " * Please enter Contact Person Name"
               }
          });
     })          
</script>

就在 ScriptManager 控件之后：

<script type="text/javascript">
     Sys.WebForms.PageRequestManager.getInstance().add_initializeRequest(initializeRequestHandler);

     function initializeRequestHandler(sender, args) {
          if (args.get_postBackElement().id == '<%= btn_Save.ClientID %>' && $("#form1").valid() !== true) {
               args.set_cancel(true);
          }
     }
</script>

标记：

<asp:UpdatePanel ID="UpdatePanel1" runat="server">
     <ContentTemplate>
          <asp:TextBox runat="server" ID="txtContactPerson" />
          &nbsp;
          <asp:Button ID="btn_Save" runat="server" Text="Submit" />
     </ContentTemplate>
</asp:UpdatePanel>

如果您不仅要为 btn_Save 禁用异步回发，只需删除以下代码：args.get_postBackElement().id == '<%= btn_Save.ClientID %>' &&