- 浏览: 12003 次
最新评论
<script type="text/javascript">
02.
03. //DropDownList验证方法
04. $.validator.addMethod('selectNone',
05. function(value, element) {
06. return this.optional(element) ||(value!= -1);
07. }, "请选择至少一项!");
08.
09. //ChekcBoxList验证方法
10.
11. /*
12. $.validator.addMethod('atLeastOneChecked', function(value, element) {
13. var checkedCount = 0;
14. $("input[name^='" + <%=txtHistory.UniqueID %> + "']").each(function() {
15. if ($(this).attr('checked')) { checkedCount++; }
16. });
17. return checkedCount>0;
18.
19. },"请选择至少一项");
20. */
21.
22. // 手机号码验证
23. $.validator.addMethod("isMobile", function(value, element) {
24. var length = value.length;
25. var mobile = /^(((13[0-9]{1})|(15[0-9]{1})|(18[0-9]{1}))+\d{8})$/;
26. return this.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. var len = $("#history_DIV input: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_DIV input: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] view plain copy
01.<table width="750" border="0" cellpadding="0" cellspacing="5">
02. <tr>
03. <td width="150" height="40">
04. 真实姓名:
05. </td>
06. <td width="600">
07. <asp:TextBox ID="txtVName" runat="Server" Width="280px" />
08. </td>
09. </tr>
10. <tr>
11. <td height="40">
12. 性别:
13. </td>
14. <td>
15. <asp:RadioButtonList ID="txtVSex" runat="server" RepeatDirection="Horizontal">
16. <asp:ListItem Text="男" Value="男"></asp:ListItem>
17. <asp:ListItem Text="女" Value="女"></asp:ListItem>
18. </asp:RadioButtonList>
19. <br />
20. </td>
21. </tr>
22. <tr>
23. <td height="40">
24. 手机号码:<br />
25. </td>
26. <td>
27. <asp:TextBox ID="txtMobile" runat="Server" Width="280px" />
28. <span>请填写真实手机号码方便接收活动通知</span>
29. </td>
30. </tr>
31. <tr>
32. <td height="40">
33. E-Mail:<br />
34. </td>
35. <td>
36. <asp:TextBox ID="txtEmail" runat="Server" Width="280px" CssClass="email" />
37. <span>用于接收邮件通知</span>
38. </td>
39. </tr>
40. <tr>
41. <td height="40">
42. 职业:<br />
43. </td>
44. <td>
45. <asp:RadioButtonList ID="txtC_Name" runat="server" RepeatDirection="Horizontal">
46. <asp:ListItem Text="学生" Value="1"></asp:ListItem>
47. <asp:ListItem Text="职员" Value="2"></asp:ListItem>
48. <asp:ListItem Text="经理" Value="3"></asp:ListItem>
49. <asp:ListItem Text="家庭主妇" Value="4"></asp:ListItem>
50. <asp:ListItem Text="自由职业者" Value="5"></asp:ListItem>
51. </asp:RadioButtonList>
52. </td>
53. </tr>
54. <tr>
55. <td height="40">
56. 报名人数:<br />
57. </td>
58. <td>
59. <asp:RadioButtonList ID="txtC_EName" runat="server" RepeatDirection="Horizontal">
60. <asp:ListItem Text="就我一人" Value="1"></asp:ListItem>
61. <asp:ListItem Text="两人" Value="2"></asp:ListItem>
62. <asp:ListItem Text="三人" Value="3"></asp:ListItem>
63. </asp:RadioButtonList>
64. </td>
65. </tr>
66. <tr>
67. <td height="40">
68. 报名理由:
69. </td>
70. <td>
71. <asp:TextBox TextMode="MultiLine" Columns="50" Rows="5" ID="txtRemark" runat="Server" />
72. <br />
73. <span>优质理由怎么写?1.描述您为什么要申请2.描述活动那里吸引您 3.个性化自由发挥</span>
74. </td>
75. </tr>
76. <tr>
77. <td height="40">
78. 参加过的:<br />
79. </td>
80. <td>
81. <table>
82. <tr>
83. <td>
84. <div id="history_DIV">
85. <asp:CheckBoxList ID="txtHistory" runat="server" RepeatDirection="Horizontal">
86. <asp:ListItem Text="无" Value="0">
87. </asp:ListItem>
88. <asp:ListItem Text="第一届" Value="1">
89. </asp:ListItem>
90. <asp:ListItem Text="第二届" Value="2">
91. </asp:ListItem>
92. <asp:ListItem Text="第三届" Value="3">
93. </asp:ListItem>
94. </asp:CheckBoxList>
95. </div>
96. </td>
97. <td>
98. <asp:CustomValidator ID="customCheckBoxListValidator" runat="server" ErrorMessage="至少选择一项"
99. ClientValidationFunction="ValidateOptions" Display="Dynamic" ForeColor="Red"/>
100. </td>
101. </tr>
102. </table>
103. </td>
104. </tr>
105. <tr>
106. <td height="40">
107. 了解活动:<br />
108. </td>
109. <td>
110. 您从以下渠道得知本活动?
111. <asp:DropDownList ID="txtFrom" runat="server">
112. <asp:ListItem Text="请选择" Value="-1" Selected="True">
113. </asp:ListItem>
114. <asp:ListItem Text="搜索引擎" Value="1">
115. </asp:ListItem>
116. <asp:ListItem Text="朋友介绍" Value="2">
117. </asp:ListItem>
118. <asp:ListItem Text="平面媒介" Value="3">
119. </asp:ListItem>
120. <asp:ListItem Text="网站新闻" Value="4">
121. </asp:ListItem>
122. </asp:DropDownList>
123. </td>
124. </tr>
125. <tr>
126. <td height="60" colspan="2" align="center" valign="bottom">
127. <asp:Button ID="btnInsert" Text="确认报名" runat="server" />
128. </td>
129. </tr>
130. </table>
02.
03. //DropDownList验证方法
04. $.validator.addMethod('selectNone',
05. function(value, element) {
06. return this.optional(element) ||(value!= -1);
07. }, "请选择至少一项!");
08.
09. //ChekcBoxList验证方法
10.
11. /*
12. $.validator.addMethod('atLeastOneChecked', function(value, element) {
13. var checkedCount = 0;
14. $("input[name^='" + <%=txtHistory.UniqueID %> + "']").each(function() {
15. if ($(this).attr('checked')) { checkedCount++; }
16. });
17. return checkedCount>0;
18.
19. },"请选择至少一项");
20. */
21.
22. // 手机号码验证
23. $.validator.addMethod("isMobile", function(value, element) {
24. var length = value.length;
25. var mobile = /^(((13[0-9]{1})|(15[0-9]{1})|(18[0-9]{1}))+\d{8})$/;
26. return this.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. var len = $("#history_DIV input: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_DIV input: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] view plain copy
01.<table width="750" border="0" cellpadding="0" cellspacing="5">
02. <tr>
03. <td width="150" height="40">
04. 真实姓名:
05. </td>
06. <td width="600">
07. <asp:TextBox ID="txtVName" runat="Server" Width="280px" />
08. </td>
09. </tr>
10. <tr>
11. <td height="40">
12. 性别:
13. </td>
14. <td>
15. <asp:RadioButtonList ID="txtVSex" runat="server" RepeatDirection="Horizontal">
16. <asp:ListItem Text="男" Value="男"></asp:ListItem>
17. <asp:ListItem Text="女" Value="女"></asp:ListItem>
18. </asp:RadioButtonList>
19. <br />
20. </td>
21. </tr>
22. <tr>
23. <td height="40">
24. 手机号码:<br />
25. </td>
26. <td>
27. <asp:TextBox ID="txtMobile" runat="Server" Width="280px" />
28. <span>请填写真实手机号码方便接收活动通知</span>
29. </td>
30. </tr>
31. <tr>
32. <td height="40">
33. E-Mail:<br />
34. </td>
35. <td>
36. <asp:TextBox ID="txtEmail" runat="Server" Width="280px" CssClass="email" />
37. <span>用于接收邮件通知</span>
38. </td>
39. </tr>
40. <tr>
41. <td height="40">
42. 职业:<br />
43. </td>
44. <td>
45. <asp:RadioButtonList ID="txtC_Name" runat="server" RepeatDirection="Horizontal">
46. <asp:ListItem Text="学生" Value="1"></asp:ListItem>
47. <asp:ListItem Text="职员" Value="2"></asp:ListItem>
48. <asp:ListItem Text="经理" Value="3"></asp:ListItem>
49. <asp:ListItem Text="家庭主妇" Value="4"></asp:ListItem>
50. <asp:ListItem Text="自由职业者" Value="5"></asp:ListItem>
51. </asp:RadioButtonList>
52. </td>
53. </tr>
54. <tr>
55. <td height="40">
56. 报名人数:<br />
57. </td>
58. <td>
59. <asp:RadioButtonList ID="txtC_EName" runat="server" RepeatDirection="Horizontal">
60. <asp:ListItem Text="就我一人" Value="1"></asp:ListItem>
61. <asp:ListItem Text="两人" Value="2"></asp:ListItem>
62. <asp:ListItem Text="三人" Value="3"></asp:ListItem>
63. </asp:RadioButtonList>
64. </td>
65. </tr>
66. <tr>
67. <td height="40">
68. 报名理由:
69. </td>
70. <td>
71. <asp:TextBox TextMode="MultiLine" Columns="50" Rows="5" ID="txtRemark" runat="Server" />
72. <br />
73. <span>优质理由怎么写?1.描述您为什么要申请2.描述活动那里吸引您 3.个性化自由发挥</span>
74. </td>
75. </tr>
76. <tr>
77. <td height="40">
78. 参加过的:<br />
79. </td>
80. <td>
81. <table>
82. <tr>
83. <td>
84. <div id="history_DIV">
85. <asp:CheckBoxList ID="txtHistory" runat="server" RepeatDirection="Horizontal">
86. <asp:ListItem Text="无" Value="0">
87. </asp:ListItem>
88. <asp:ListItem Text="第一届" Value="1">
89. </asp:ListItem>
90. <asp:ListItem Text="第二届" Value="2">
91. </asp:ListItem>
92. <asp:ListItem Text="第三届" Value="3">
93. </asp:ListItem>
94. </asp:CheckBoxList>
95. </div>
96. </td>
97. <td>
98. <asp:CustomValidator ID="customCheckBoxListValidator" runat="server" ErrorMessage="至少选择一项"
99. ClientValidationFunction="ValidateOptions" Display="Dynamic" ForeColor="Red"/>
100. </td>
101. </tr>
102. </table>
103. </td>
104. </tr>
105. <tr>
106. <td height="40">
107. 了解活动:<br />
108. </td>
109. <td>
110. 您从以下渠道得知本活动?
111. <asp:DropDownList ID="txtFrom" runat="server">
112. <asp:ListItem Text="请选择" Value="-1" Selected="True">
113. </asp:ListItem>
114. <asp:ListItem Text="搜索引擎" Value="1">
115. </asp:ListItem>
116. <asp:ListItem Text="朋友介绍" Value="2">
117. </asp:ListItem>
118. <asp:ListItem Text="平面媒介" Value="3">
119. </asp:ListItem>
120. <asp:ListItem Text="网站新闻" Value="4">
121. </asp:ListItem>
122. </asp:DropDownList>
123. </td>
124. </tr>
125. <tr>
126. <td height="60" colspan="2" align="center" valign="bottom">
127. <asp:Button ID="btnInsert" Text="确认报名" runat="server" />
128. </td>
129. </tr>
130. </table>
发表评论
-
Jquery 全选反选
2016-09-02 18:36 489版权声明:本文为博主原创文章,未经博主允许不得转载。 &l ... -
Jquer选取后代元素
2016-09-02 18:30 631使用jquery获取某DIV的子元素,通常有以下两种方法: ... -
Validate 验证框架详解
2016-09-01 13:15 605默认情况下,验证提示信息用label元素来显示, 并且会添加c ... -
241个jquery插件—jquery插件大全 (转载)
2016-08-26 12:09 430jQuery由美国人John Resig创建,至今已吸引了来自 ... -
jQuery的form表单取值 object对象的取值
2016-08-26 11:56 2001开发过程中经常要处理页面表单元素,如:在下拉框select中获 ...
相关推荐
项目经过测试均可完美运行! 环境说明: 开发语言:java jdk:jdk1.8 数据库:mysql 5.7+ 数据库工具:Navicat11+ 管理工具:maven 开发工具:idea/eclipse
项目经过测试均可完美运行! 环境说明: 开发语言:java jdk:jdk1.8 数据库:mysql 5.7+ 数据库工具:Navicat11+ 管理工具:maven 开发工具:idea/eclipse
基于java的网吧管理系统答辩PPT.pptx
基于java的基于SSM架构的网上书城系统答辩PPT.pptx
tornado-6.1-cp37-cp37m-win32.whl
c语言气泡排序、插入排序、选择排序、快速排序、希尔排序、堆排序、合并排序_SortAlgorithm.zip
Keyboard Maestro 11.0.3_macwk.dmg
基于微信小程序的鲜花销售微信小程序答辩PPT.pptx
项目经过测试均可完美运行! 环境说明: 开发语言:java jdk:jdk1.8 数据库:mysql 5.7+ 数据库工具:Navicat11+ 管理工具:maven 开发工具:idea/eclipse
tornado-6.2b1-cp39-cp39-musllinux_1_1_x86_64.whl
项目经过测试均可完美运行! 环境说明: 开发语言:java jdk:jdk1.8 数据库:mysql 5.7+ 数据库工具:Navicat11+ 管理工具:maven 开发工具:idea/eclipse
tornado-6.1b2-cp38-cp38-manylinux2014_aarch64.whl
基于java的土家风景文化管理平台答辩PPT.pptx
jira安装包
基于java的机场网上订票系统答辩PPT.pptx
小区物业管理系统 SSM毕业设计 附带论文 启动教程:https://www.bilibili.com/video/BV1GK1iYyE2B
yolo算法-金属-纸张-硬纸板垃圾数据集-13409张图像带标签-金属-纸张-硬纸板-塑料-其他-烟蒂-食物-玻璃.zip;yolo算法-金属-纸张-硬纸板垃圾数据集-13409张图像带标签-金属-纸张-硬纸板-塑料-其他-烟蒂-食物-玻璃.zip;yolo算法-金属-纸张-硬纸板垃圾数据集-13409张图像带标签-金属-纸张-硬纸板-塑料-其他-烟蒂-食物-玻璃.zip
项目介绍: 系统模块主要包括;用户、考试信息、考场信息、试卷、试题、考试等管理功能 环境说明: 开发语言:java jdk:jdk1.8 数据库:mysql 5.7+ 数据库工具:Navicat11+ 管理工具:maven 开发工具:idea/eclipse
项目经过测试均可完美运行! 环境说明: 开发语言:java jdk:jdk1.8 数据库:mysql 5.7+ 数据库工具:Navicat11+ 管理工具:maven 开发工具:idea/eclipse
Python脚本运行环境搭建所需要的资源包