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 相关文章推荐
学习ExtJS Window常用方法
Oct 07 Javascript
jquery 选择器部分整理
Oct 28 Javascript
jQuery load方法用法集锦
Dec 06 Javascript
extjs 04_grid 单击事件新发现
Nov 27 Javascript
jquery使用slideDown实现模块缓慢拉出效果的方法
Mar 27 Javascript
JavaScript DOM事件(笔记)
Apr 08 Javascript
z-blog SyntaxHighlighter 长代码无法换行解决办法(基于jquery)
Nov 18 Javascript
关于Jquery中的bind(),on()绑定事件方式总结
Oct 26 Javascript
微信小程序实现左右联动的实战记录
Jul 05 Javascript
JavaScript递归函数解“汉诺塔”算法代码解析
Jul 05 Javascript
JS实现点击拉拽轮播图pc端移动端适配
Sep 05 Javascript
vue项目中使用多选框的实例代码
Jul 22 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
PHP环境搭建最新方法
2006/09/05 PHP
PHP之数组学习
2011/05/29 PHP
提高define性能的php扩展hidef的安装和使用
2011/06/14 PHP
浅析php学习的路线图
2013/07/10 PHP
Laravel实现autoload方法详解
2017/05/07 PHP
vmware linux系统安装最新的php7图解
2019/04/14 PHP
laravel框架模板之公共模板、继承、包含实现方法分析
2019/08/30 PHP
php实现对文件压缩简单的方法
2019/09/29 PHP
由prototype_1.3.1进入javascript殿堂-类的初探
2006/11/06 Javascript
jquery 获取json数据实现代码
2009/04/27 Javascript
jQuery实现文本展开收缩特效
2015/06/03 Javascript
js与applet相互调用的方法
2016/06/22 Javascript
javascript实现获取指定精度的上传文件的大小简单实例
2016/10/25 Javascript
解决Layui中layer报错的问题
2019/09/03 Javascript
javascript设计模式 ? 解释器模式原理与用法实例分析
2020/04/17 Javascript
es6函数之尾调用优化实例分析
2020/04/25 Javascript
详解python并发获取snmp信息及性能测试
2017/03/27 Python
python之Character string(实例讲解)
2017/09/25 Python
python+pyqt实现右下角弹出框
2017/10/26 Python
Python3爬虫学习之应对网站反爬虫机制的方法分析
2018/12/12 Python
python如何获取当前文件夹下所有文件名详解
2019/01/25 Python
Python可变和不可变、类的私有属性实例分析
2019/05/31 Python
如何获取Python简单for循环索引
2019/11/21 Python
python如何求数组连续最大和的示例代码
2020/02/04 Python
Python 私有属性和私有方法应用场景分析
2020/06/19 Python
基于Python pyecharts实现多种图例代码解析
2020/08/10 Python
python实现企业微信定时发送文本消息的示例代码
2020/11/24 Python
CSS3中的clip-path使用攻略
2015/08/03 HTML / CSS
有关HTML5中背景音乐的自动播放功能
2017/10/16 HTML / CSS
日本航空官方网站:JAL
2019/06/19 全球购物
远程教育心得体会
2014/01/03 职场文书
校友会欢迎辞
2014/01/13 职场文书
遗体告别仪式答谢词
2014/01/23 职场文书
售房协议书
2014/08/19 职场文书
社区关爱留守儿童活动方案
2014/08/22 职场文书
项目投资意向书范本
2015/05/09 职场文书