ASP.NET jQuery 实例16 通过控件CustomValidator验证RadioButtonList


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:RadioButtonList ID="rbCar" 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:RadioButtonList> 
</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="rbCar_Validation"></asp:CustomValidator> 
</div> 
</form>

脚本代码:
<head id="Head1" runat="server"> 
<title>Recipe16</title> 
<script type="text/javascript" src="Scripts/jquery-1.4.1-vsdoc.js"></script> 
<script type="text/javascript"> 
function rbCar_Validation(sender, args) { 
args.IsValid = ($("#rbCar :radio:checked").length > 0); 
} 
</script> 
</head>

显示效果:

ASP.NET jQuery 实例16 通过控件CustomValidator验证RadioButtonList

Javascript 相关文章推荐
JQuery的Alert消息框插件使用介绍
Oct 09 Javascript
html组件不可输入(只读)同时任何组件都有效
Apr 01 Javascript
jquery、js调用iframe父窗口与子窗口元素的方法整理
Jul 31 Javascript
用Jquery选择器计算table中的某一列某一行的合计
Aug 13 Javascript
最流行的Node.js精简型和全栈型开发框架介绍
Feb 26 Javascript
Node.js刷新session过期时间的实现方法推荐
May 18 Javascript
require.js+vue开发微信上传图片组件
Oct 27 Javascript
angularjs 表单密码验证自定义指令实现代码
Oct 27 Javascript
Node.js创建HTTP文件服务器的使用示例
May 11 Javascript
JS解惑之Object中的key是有序的么
May 06 Javascript
vue项目接口域名动态获取操作
Aug 13 Javascript
Ant-design-vue Table组件customRow属性的使用说明
Oct 28 Javascript
ASP.NET jQuery 实例15 通过控件CustomValidator验证CheckBoxList
Feb 03 #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
You might like
如何做到多笔资料的同步
2006/10/09 PHP
关于IIS php调用com组件的权限问题
2012/01/11 PHP
php获取从html表单传递数组的方法
2015/03/20 PHP
PHP中预定义的6种接口介绍
2015/05/12 PHP
php微信开发之关键词回复功能
2018/06/13 PHP
BOOM vs RR BO5 第二场 2.14
2021/03/10 DOTA
javascript中的遍历for in 以及with的用法
2014/12/22 Javascript
jQuery实现表格展开与折叠的方法
2015/05/04 Javascript
学习JavaScript设计模式之享元模式
2016/01/18 Javascript
vue2.0页面前进刷新回退不刷新的实现方法
2018/07/31 Javascript
vue-cli3.0使用及部分配置详解
2018/08/29 Javascript
vue项目开发中setTimeout等定时器的管理问题
2018/09/13 Javascript
vue计算属性computed、事件、监听器watch的使用讲解
2019/01/21 Javascript
前端面试知识点目录一览
2019/04/15 Javascript
JavaScript实现五子棋游戏的方法详解
2019/07/08 Javascript
vue实现跳转接口push 转场动画示例
2019/11/01 Javascript
浅谈python类属性的访问、设置和删除方法
2016/07/25 Python
新手常见6种的python报错及解决方法
2018/03/09 Python
Opencv+Python 色彩通道拆分及合并的示例
2018/12/08 Python
Python从数据库读取大量数据批量写入文件的方法
2018/12/10 Python
Python脚本完成post接口测试的实例
2018/12/17 Python
对python判断ip是否可达的实例详解
2019/01/31 Python
提升Python效率之使用循环机制代替递归函数
2019/07/23 Python
Python如何用filter函数筛选数据
2020/03/05 Python
介绍一下linux文件系统分配策略
2012/11/17 面试题
行政专员工作职责
2013/12/22 职场文书
八一演出活动方案
2014/02/03 职场文书
销售团队激励口号
2014/06/06 职场文书
小学安全工作汇报材料
2014/08/19 职场文书
公司新人试用期自我评价
2014/09/17 职场文书
工程承包协议书
2014/10/20 职场文书
通报表扬范文
2015/01/17 职场文书
毕业生就业推荐表自我评价
2015/03/02 职场文书
Springboot使用Spring Data JPA实现数据库操作
2021/06/30 Java/Android
警用民用对讲机找不同
2022/02/18 无线电
教你nginx跳转配置的四种方式
2022/07/07 Servers