jquery教程

推荐列表 站点导航

当前位置:首页 > jquery > jquery教程 >

ASP.NET jQuery 实例15 通过控件CustomValidator验证CheckBoxList

来源:网络整理  作者:fen  发布时间:2020-12-26 00:32
这节我们要讲下如何通过控件CustomValidator来校验CheckBoxList,客户端校验代码通过jQuery实现...

客户端校验代码通过jquery实现首先看下界面代码: 复制代码 代码如下: form runat="server" div fieldset table cellpadding="3" cellspacing="3" tr td 请选择汽车类型: /td /tr tr td asp:CheckBoxList 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 runat="server" Text="提交" / /td /tr /table /fieldset asp:CustomValidator runat="server" Display="Dynamic" ErrorMessage="至少选择三种车!" ForeColor="Red" ClientValidationFunction="ctvCar_Validation"/asp:CustomValidator /div /form 控件CustomValidator相关参数说明: ErrorMessage:设置校验提示信息 Display:设置显示模式,这节我们要讲下如何通过控件CustomValidator来校验CheckBoxList,Dynamic表示提示信息不显示的时候,不占用当前位置 ClientValidationFunction:设置定义客户端自定义校验函数 客户端脚本代码: 复制代码 代码如下: head runat="server" titleRecipe15/title script type="text/javascript" src="http://www.dismall.com/thread-957-1-1.html/a_3398/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 最终显示效果: ,。

相关热词:

本站内容来源于网络,如有侵权请与我们联系,我们会及时删除,我们深感抱歉!
注:本站所有信息仅供用于网络技术学习参考,学习中请遵循相关法律法规!

本文地址: https://v30.fanwenzhu.com/jq/jc/9120.shtml

最新文章
PHP识别相片是否是颠倒的 PHP识别相片是否是颠倒的

时间:2020-12-28

python编程有哪些ide python编程有哪些ide

时间:2020-12-28

python开发工程师是做什么 python开发工程师是做什么

时间:2020-12-28

php构造函数的作用 php构造函数的作用

时间:2020-12-28

php怎么跟数据库连接 php怎么跟数据库连接

时间:2020-12-28

php实现顺序线性表 php实现顺序线性表

时间:2020-12-28

Python多重继承中的菱形继 Python多重继承中的菱形继

时间:2020-12-28

php中break的作用 php中break的作用

时间:2020-12-28

Copyright © www.juheyunku.com      关于 | 合作 | 声明 | 联系 | 更新 | 地图 | Tags

ASP.NET jQuery 实例15 通过控件CustomValidator验证CheckBoxList

2020-12-26 编辑:fen

客户端校验代码通过jquery实现首先看下界面代码: 复制代码 代码如下: form runat="server" div fieldset table cellpadding="3" cellspacing="3" tr td 请选择汽车类型: /td /tr tr td asp:CheckBoxList 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 runat="server" Text="提交" / /td /tr /table /fieldset asp:CustomValidator runat="server" Display="Dynamic" ErrorMessage="至少选择三种车!" ForeColor="Red" ClientValidationFunction="ctvCar_Validation"/asp:CustomValidator /div /form 控件CustomValidator相关参数说明: ErrorMessage:设置校验提示信息 Display:设置显示模式,这节我们要讲下如何通过控件CustomValidator来校验CheckBoxList,Dynamic表示提示信息不显示的时候,不占用当前位置 ClientValidationFunction:设置定义客户端自定义校验函数 客户端脚本代码: 复制代码 代码如下: head runat="server" titleRecipe15/title script type="text/javascript" src="http://www.dismall.com/thread-957-1-1.html/a_3398/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 最终显示效果: ,。

本站内容来源于网络,如有侵权请与我们联系,我们会及时删除,我们深感抱歉!
注:本站所有信息仅供学习参考!
本文地址为 https://v30.fanwenzhu.com/jq/jc/9120.shtml

相关文章

风云图片

推荐阅读

返回jquery教程频道首页