Javascript 在asp.net控件中使用jquery验证插件不起作用

我正在尝试使用jquery插件

validate（）

方法验证我当前sharepoint visual Web部件中的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"/>

2.选择您的学习科目。*
个人
人口

这是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"
                  }
             });

         }
     });

$（“输入[type='submit']”）。单击（函数（）{
if（$（this.val（）！='Back'）{
变量名称=[]；
var info=“”；
$（'#'）。验证({
规则：
{                  
：{required:true}
},             
信息：
{
：“此字段不能为空，请输入介于之间”
}
});
}
});

它不起作用，因为您正在引用页面上不存在的对象。由于div标记上有

runat=“server”

，因此该标记的

Id

不是“main”

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

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

$（'#'）。验证（{。。。。

已编辑，但仍然不起作用。在validate函数中，它表示语法不正确，缺少一个{我不确定它在哪里当我将jquery事件添加到asp.net服务器控件时，我发现只需将一个类添加到可以挂接的控件中就容易多了。我会添加一个名为jqMainDiv的类（表示它只被用作jquery钩子）然后将其用作选择器。我会对您正在引用的其他两个ID执行相同的操作。感谢您认为我是jquery的新手。如果附加了css类，您能告诉我如何编写规则吗？我不知道。。。。

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