编程 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 相关文章推荐

对采用动态原型方式无法展示继承机制得思考

Dec 04 Javascript

跨浏览器开发经验总结（四）怎么写入剪贴板

May 13 Javascript

JQuery扩展插件Validate 2通过参数设置验证规则

Sep 05 Javascript

JS创建类和对象的两种不同方式

Aug 08 Javascript

JavaScript中文件上传API详解

Apr 01 Javascript

VUE实现日历组件功能

Mar 13 Javascript

BootStrap表单时间选择器详解

May 09 Javascript

Vue-cli配置打包文件本地使用的教程图解

Aug 02 Javascript

详解JS转换数值函数Number()、parseInt()、parseFloat()

Aug 24 Javascript

微信小程序自定义导航教程（兼容各种手机）

Dec 12 Javascript

VUE安装使用教程详解

Jun 03 Javascript

Vue3+elementui plus创建项目的方法

Dec 01 Vue.js

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