在 asp.net 控件中使用 jquery validate 插件不起作用

Question

我正在尝试使用 jquery 插件 validate() 方法来验证我当前的共享点可视 webpart 中的 div。 我不确定为什么这不起作用。它什么都不做。

这里是代码。

     <div id="main" runat="server">
            <h3>2. Select your study subject.<span class="red">*</span></h3>                            
                        <asp:RadioButtonList CssClass="required" ID="rdb_study_popul" runat="server"  OnSelectedIndexChanged="rdb_study_popul_SelectedIndexChanged">
                            <asp:ListItem>Individuals</asp:ListItem>
                            <asp:ListItem>Population</asp:ListItem>
                        </asp:RadioButtonList>
        </div>

           <asp:Button ID="btn_studysubject_section"   runat="server" CssClass="WBSButtonhide" OnClick="btn_studysubject_section_Click"
                        Text="Next"/>

这里是 jquery

      $("input[type='submit']").click(function () {
         if ($(this).val() != 'Back') {
             var names = [];
             var info = " ";
            $('#<%= main.ClientID %>').validate({
           rules:
                  {                  
                  <%= rdb_study_popul.ClientID%> : { required: true }
                   },             
           messages:
                  {
                   <%= rdb_study_popul.ClientID%> : "This field cannot be empty, please enter between"
                  }
             });

         }
     });

Answer 1

它不起作用，因为您正在引用页面上不存在的对象。由于您的 div 标签上有 runat="server"，因此该标签的 Id 不是“main”。

<div id="main" runat="server">

您需要在 jQuery 中执行此操作：

$('#<%= main.ClientID %>').validate({....