编程 Javascript

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程序之undefined篇（中）

Nov 23 Javascript

基于jquery的一行代码轻松实现拖动效果

Dec 28 Javascript

jQuery Deferred和Promise创建响应式应用程序详细介绍

Mar 05 Javascript

jquery 模板的应用示例

Nov 12 Javascript

JavaScript实现信用卡校验方法

Apr 07 Javascript

js实现右键自定义菜单

Dec 03 Javascript

javascript 正则表达式分组、断言详解

Apr 20 Javascript

设置cookie指定时间失效(实例代码)

May 28 Javascript

inner join 内联与left join 左联的实例代码

Sep 18 Javascript

vue+elementUI实现表格关键字筛选高亮

Oct 26 Javascript

小程序两种滚动公告栏的实现方法

Sep 17 Javascript

微信小程序图片右边加两行文字的代码

Apr 23 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