ASP.NET jQuery 实例16 通过控件CustomValidator验证RadioButtonList
更新时间：2012年02月03日 17:26:01 作者：
上一节已经介绍过控件CustomValidator的使用方法，下面直接看代码
界面代码：
<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>
显示效果：
复制代码 代码如下:
<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>
显示效果：
您可能感兴趣的文章:
- jQuery Validate 验证,校验规则写在控件中的具体实例
- ASP.NET jQuery 实例15 通过控件CustomValidator验证CheckBoxList
- 使用jQuery.Validate进行客户端验证（初级篇） 不使用微软验证控件的理由
- 基于jquery实现的服务器验证控件的启用和禁用代码
- 教你用AngularJS框架一行JS代码实现控件验证效果
- js控制.net验证控件是否可用。
- 验证控件与Button的OnClientClick事件详细解析
- fileupload控件 文件类型客户端验证实现代码
- asp.net MaxLengthValidator 最大长度验证控件代码
- jQuery密码强度验证控件使用详解
相关文章
本篇文章是对用jquery实现简单的ajax的实现方法进行了详细的分析介绍，需要的朋友参考下2013-07-07
JQuery事件e参数的方法preventDefault()取消默认行为
JQuery事件的e参数的方法preventDefault()可以取消对象的默认行为，下有个不错的示例，大家可以参考下，希望对大家有所帮助2013-09-09
JQueryEasyUI框架下的combobox的取值和绑定的方法
这篇文章主要介绍了JQueryEasyUI框架下的combobox的取值和绑定的方法,具有一定的参考价值，感兴趣的小伙伴们可以参考一下。2017-01-01
基于jquery的时间段实现代码，需要的朋友可以参考下2012-08-08
下面小编就为大家带来一篇利用浮层使select不可选的实现方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧，祝大家游戏愉快哦2016-12-12
jquery选择器，比较常用的选择器说明，学习jquery的朋友一定要学习与了解的知识。2010-09-09
下面小编就为大家带来一篇JQuery在循环中绑定事件的问题详解。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-06-06
本篇文章主要介绍了jQuery导航条固定定位效果实例代码，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-05-05
这篇文章主要介绍了基于jquery css3实现点击动画弹出表单,弹出的表单没有任何遮盖层，在web前端程序开发中经常会用到，需要的朋友可以参考下2015-08-08
这篇文章主要介绍了jquery使用jxl插件导出excel的具体实现步骤,需要的朋友可以参考下2014-04-04
最新评论