validate()验证checkBox
娇喘地白菜 2016-09-08
<scripttype="text/javascript">
02.
03.//DropDownList验证方法
04.$.validator.addMethod('selectNone',
05.function(value,element){
06.returnthis.optional(element)||(value!=-1);
07.},"请选择至少一项！");
08.
09.//ChekcBoxList验证方法
10.
11./*
12.$.validator.addMethod('atLeastOneChecked',function(value,element){
13.varcheckedCount=0;
14.$("input[name^='"+<%=txtHistory.UniqueID%>+"']").each(function(){
15.if($(this).attr('checked')){checkedCount++;}
16.});
17.returncheckedCount>0;
18.
19.},"请选择至少一项");
20.*/
21.
22.//手机号码验证
23.$.validator.addMethod("isMobile",function(value,element){
24.varlength=value.length;
25.varmobile=/^(((13[0-9]{1})|(15[0-9]{1})|(18[0-9]{1}))+\d{8})$/;
26.returnthis.optional(element)||(length==11&&mobile.test(value));
27.},"请正确填写您的手机号码");
28.
29.$(document).ready(function(){
30.
31.//验证CheckBoxList
32.ValidateOptions=function(sender,args){
33.args.IsValid=false;
34.varlen=$("#history_DIVinput:checked").length;
35.args.IsValid=(len>0);
36.};
37.
38.
39.$("#form1").validate(
40.{
41.rules:{
42.<%=txtVName.UniqueID%>:{
43.required:true
44.},
45.<%=txtEmail.UniqueID%>:{
46.required:true,
47.email:true
48.},
49.<%=txtRemark.UniqueID%>:{
50.required:true
51.},
52.<%=txtVSex.UniqueID%>:{
53.required:function(element){
54.return$("input:radio[name='txtVSex']:checked").val()!="";
55.}
56.},
57.<%=txtFrom.UniqueID%>:{
58.selectNone:true
59.},
60.
61.<%=txtMobile.UniqueID%>:{
62.required:true,
63.isMobile:true
64.},
65.<%=txtHistory.UniqueID%>:{
66.//required:function(element){
67.//return($("#history_DIVinput:checked").length)>0;}
68.//return$("#<%=txtHistory.UniqueID%>input[@type=checkbox]:checked").size()>0;
69.//return$("input[name^='<%=txtHistory.UniqueID%>']").length>0
70.//atLeastOneChecked:true
71.
72.}
73.
74.},
75.messages:{
76.<%=txtRemark.UniqueID%>:
77.{
78.required:"请填写报名理由"
79.},
80.<%=txtVSex.UniqueID%>:
81.{
82.required:"请选择性别"
83.},
84.
85.<%=txtMobile.UniqueID%>:{
86.required:"请填写手机号码"
87.},
88.<%=txtHistory.UniqueID%>:{
89.required:"请选择届数"
90.}
91.}
92.});
93.});
94.</script>
[html]viewplaincopy
01.<tablewidth="750"border="0"cellpadding="0"cellspacing="5">
02.<tr>
03.<tdwidth="150"height="40">
04.真实姓名：
05.</td>
06.<tdwidth="600">
07.<asp:TextBoxid="txtVName"runat="Server"width="280px"/>
08.</td>
09.</tr>
10.<tr>
11.<tdheight="40">
12.性别：
13.</td>
14.<td>
15.<asp:RadioButtonListid="txtVSex"runat="server"RepeatDirection="Horizontal">
16.<asp:ListItemText="男"Value="男"></asp:ListItem>
17.<asp:ListItemText="女"Value="女"></asp:ListItem>
18.</asp:RadioButtonList>
19.<br/>
20.</td>
21.</tr>
22.<tr>
23.<tdheight="40">
24.手机号码：<br/>
25.</td>
26.<td>
27.<asp:TextBoxid="txtMobile"runat="Server"width="280px"/>
28.<span>请填写真实手机号码方便接收活动通知</span>
29.</td>
30.</tr>
31.<tr>
32.<tdheight="40">
33.E-Mail：<br/>
34.</td>
35.<td>
36.<asp:TextBoxid="txtEmail"runat="Server"width="280px"Cssclass="email"/>
37.<span>用于接收邮件通知</span>
38.</td>
39.</tr>
40.<tr>
41.<tdheight="40">
42.职业：<br/>
43.</td>
44.<td>
45.<asp:RadioButtonListid="txtC_Name"runat="server"RepeatDirection="Horizontal">
46.<asp:ListItemText="学生"Value="1"></asp:ListItem>
47.<asp:ListItemText="职员"Value="2"></asp:ListItem>
48.<asp:ListItemText="经理"Value="3"></asp:ListItem>
49.<asp:ListItemText="家庭主妇"Value="4"></asp:ListItem>
50.<asp:ListItemText="自由职业者"Value="5"></asp:ListItem>
51.</asp:RadioButtonList>
52.</td>
53.</tr>
54.<tr>
55.<tdheight="40">
56.报名人数：<br/>
57.</td>
58.<td>
59.<asp:RadioButtonListid="txtC_EName"runat="server"RepeatDirection="Horizontal">
60.<asp:ListItemText="就我一人"Value="1"></asp:ListItem>
61.<asp:ListItemText="两人"Value="2"></asp:ListItem>
62.<asp:ListItemText="三人"Value="3"></asp:ListItem>
63.</asp:RadioButtonList>
64.</td>
65.</tr>
66.<tr>
67.<tdheight="40">
68.报名理由:
69.</td>
70.<td>
71.<asp:TextBoxTextMode="MultiLine"Columns="50"Rows="5"id="txtRemark"runat="Server"/>
72.<br/>
73.<span>优质理由怎么写？1.描述您为什么要申请2.描述活动那里吸引您3.个性化自由发挥</span>
74.</td>
75.</tr>
76.<tr>
77.<tdheight="40">
78.参加过的：<br/>
79.</td>
80.<td>
81.<table>
82.<tr>
83.<td>
84.<divid="history_DIV">
85.<asp:CheckBoxListid="txtHistory"runat="server"RepeatDirection="Horizontal">
86.<asp:ListItemText="无"Value="0">
87.</asp:ListItem>
88.<asp:ListItemText="第一届"Value="1">
89.</asp:ListItem>
90.<asp:ListItemText="第二届"Value="2">
91.</asp:ListItem>
92.<asp:ListItemText="第三届"Value="3">
93.</asp:ListItem>
94.</asp:CheckBoxList>
95.</div>
96.</td>
97.<td>
98.<asp:CustomValidatorid="customCheckBoxListValidator"runat="server"ErrorMessage="至少选择一项"
99.ClientValidationFunction="ValidateOptions"Display="Dynamic"ForeColor="Red"/>
100.</td>
101.</tr>
102.</table>
103.</td>
104.</tr>
105.<tr>
106.<tdheight="40">
107.了解活动：<br/>
108.</td>
109.<td>
110.您从以下渠道得知本活动？
111.<asp:DropDownListid="txtFrom"runat="server">
112.<asp:ListItemText="请选择"Value="-1"Selected="True">
113.</asp:ListItem>
114.<asp:ListItemText="搜索引擎"Value="1">
115.</asp:ListItem>
116.<asp:ListItemText="朋友介绍"Value="2">
117.</asp:ListItem>
118.<asp:ListItemText="平面媒介"Value="3">
119.</asp:ListItem>
120.<asp:ListItemText="网站新闻"Value="4">
121.</asp:ListItem>
122.</asp:DropDownList>
123.</td>
124.</tr>
125.<tr>
126.<tdheight="60"colspan="2"align="center"valign="bottom">
127.<asp:Buttonid="btnInsert"Text="确认报名"runat="server"/>
128.</td>
129.</tr>
130.</table>
