ASP.NET jQuery 实例15 通过控件CustomValidator验证CheckBoxList


Posted in Javascript onFebruary 03, 2012

首先看下界面代码:

<form id="form1" runat="server"> 
<div align="center"> 
<fieldset style="width: 350px; height: 200px;"> 
<table border="0" cellpadding="3" cellspacing="3"> 
<tr> 
<td> 
请选择汽车类型: 
</td> 
</tr> 
<tr> 
<td> 
<asp:CheckBoxList ID="chkCar" runat="server"> 
<asp:ListItem Value="1" Text="奔驰汽车"></asp:ListItem> 
<asp:ListItem Value="2" Text="宝马汽车"></asp:ListItem> 
<asp:ListItem Value="3" Text="奥迪汽车"></asp:ListItem> 
<asp:ListItem Value="4" Text="现代汽车"></asp:ListItem> 
<asp:ListItem Value="5" Text="丰田汽车"></asp:ListItem> 
</asp:CheckBoxList> 
</td> 
</tr> 
<tr> 
<td> 
<asp:Button ID="btnSubmit" runat="server" Text="提交" /> 
</td> 
</tr> 
</table> 
</fieldset> 
<asp:CustomValidator ID="ctvCar" runat="server" Display="Dynamic" ErrorMessage="至少选择三种车!" 
ForeColor="Red" ClientValidationFunction="ctvCar_Validation"></asp:CustomValidator> 
</div> 
</form>

控件CustomValidator相关参数说明:
ErrorMessage:设置校验提示信息
Display:设置显示模式,Dynamic表示提示信息不显示的时候,不占用当前位置
ClientValidationFunction:设置定义客户端自定义校验函数
客户端脚本代码:
<head id="Head1" runat="server"> 
<title>Recipe15</title> 
<script type="text/javascript" src="Scripts/jquery-1.4.1-vsdoc.js"></script> 
<script type="text/javascript"> 
function ctvCar_Validation(sender, args) { 
// CustomValidator控件通过自定义函数的参数args属性IsValid来判断是否验证通过 
args.IsValid = ($("#chkCar input:checked").length >= 3); 
} 
</script> 
</head>

最终显示效果:

ASP.NET jQuery 实例15 通过控件CustomValidator验证CheckBoxList

Javascript 相关文章推荐
javascript 快速排序函数代码
May 30 Javascript
六款帮助你实现惊艳视差滚动效果的jQuery插件
Sep 14 Javascript
同时使用n个window onload加载实例介绍
Apr 25 Javascript
阻止子元素继承父元素事件具体思路及实现
May 02 Javascript
javascript实现数组内值索引随机化及创建随机数组的方法
Aug 10 Javascript
利用JS判断客户端类型你应该知道的四种方法
Dec 22 Javascript
微信小程序实现topBar底部选择栏效果
Jul 20 Javascript
JavaScript设计模式之装饰者模式定义与应用示例
Jul 25 Javascript
详解如何搭建mpvue框架搭配vant组件库的小程序项目
May 16 Javascript
vue 实现tab切换保持数据状态
Jul 21 Javascript
JavaScript动态生成表格的示例
Nov 02 Javascript
React如何创建组件
Jun 27 Javascript
ASP.NET jQuery 实例14 在ASP.NET form中校验时间范围
Feb 03 #Javascript
ASP.NET jQuery 实例13 原创jQuery文本框字符限制插件-TextArea Counter
Feb 03 #Javascript
ASP.NET jQuery 实例12 通过使用jQuery validation插件简单实现用户注册页面验证功能
Feb 03 #Javascript
ASP.NET jQuery 实例11 通过使用jQuery validation插件简单实现用户登录页面验证功能
Feb 03 #Javascript
ASP.NET jQuery 实例10 动态修改hyperlink的URL值
Feb 03 #Javascript
ASP.NET jQuery 实例9  通过控件hyperlink实现返回顶部效果
Feb 03 #Javascript
ASP.NET jQuery 实例8 (动态添加内容到DropDownList)
Feb 03 #Javascript
You might like
Thinkphp5框架中引入Markdown编辑器操作示例
2020/06/03 PHP
Js 获取当前日期时间及其它操作实现代码
2021/03/04 Javascript
jQuery 行背景颜色的交替显示(隔行变色)实现代码
2009/12/13 Javascript
jquery ajax执行后台方法
2010/03/18 Javascript
javascript中&quot;/&quot;运算符常见错误
2010/10/13 Javascript
js中关于String对象的replace使用详解
2011/05/24 Javascript
js利用事件的阻止冒泡实现点击空白模态框的隐藏
2014/01/24 Javascript
JavaScript使用cookie记录临时访客信息的方法
2015/04/07 Javascript
jQuery定义插件的方法
2015/12/18 Javascript
JS简单实现DIV相对于浏览器固定位置不变的方法
2016/06/17 Javascript
JavaScript如何一次性展示几万条数据
2017/03/30 Javascript
详解nodeJS之路径PATH模块
2017/05/31 NodeJs
JS实现的碰撞检测与周期移动完整示例
2019/09/02 Javascript
Vue如何实现变量表达式选择器
2021/02/18 Vue.js
一个检测OpenSSL心脏出血漏洞的Python脚本分享
2014/04/10 Python
在IIS服务器上以CGI方式运行Python脚本的教程
2015/04/25 Python
介绍Python的@property装饰器的用法
2015/04/28 Python
Python实现查询某个目录下修改时间最新的文件示例
2018/08/29 Python
Python开发虚拟环境使用virtualenvwrapper的搭建步骤教程图解
2018/09/19 Python
pycharm 解除默认unittest模式的方法
2018/11/30 Python
python-opencv颜色提取分割方法
2018/12/08 Python
Python3 pywin32模块安装的详细步骤
2020/05/26 Python
Django-silk性能测试工具安装及使用解析
2020/11/28 Python
详解Python中的文件操作
2021/01/14 Python
html5版canvas自由拼图实例
2014/10/15 HTML / CSS
前端使用canvas生成盲水印的加密解密的实现
2020/12/16 HTML / CSS
教师对学生的评语
2014/04/28 职场文书
文明礼仪演讲稿
2014/05/12 职场文书
施工单位安全责任书
2014/07/24 职场文书
工伤死亡理赔协议书
2014/10/20 职场文书
环卫工人慰问信
2015/02/15 职场文书
工作调动申请报告
2015/05/18 职场文书
湘江北去观后感
2015/06/15 职场文书
《合作意向书》怎么写?
2019/08/20 职场文书
Vue CLI中模式与环境变量的深入详解
2021/05/30 Vue.js
Android开发EditText禁止输入监听及InputFilter字符过滤
2022/06/10 Java/Android