基于jquery实现的服务器验证控件的启用和禁用代码
更新时间：2010年04月27日 21:39:08 作者：
用户点击下一步时，不对Display=none的新增区域表单进行验证，需要在用户点击“取消增加时”，禁用服务器验证控件。反之，启用服务器验证控件。
应用背景
1.用户需要填写表单时。
2.页面采用服务器验证控件。
3.由用户来选择是否填写更多项，更多项的显示与隐藏用Display控制，如下图。
点击“增加服务内容”，显示新增表单项，如下图。
点击“取消增加”，隐藏新增表单项。
问题：用户点击下一步时，不对Display=none的新增区域表单进行验证，需要在用户点击“取消增加时”，禁用服务器验证控件。反之，启用服务器验证控件。
解决方法
还是使用JQuery来搞定吧，主要是太好用了。
1.输出要禁用的验证控件。
复制代码 代码如下:
var ValidatorControls = new Array('RequiredFieldValidatorName','RequiredFieldValidatorID');
2.默认禁用验证。
复制代码 代码如下:
for(var i = 0; i < ValidatorControls.length; i ++){ValidatorEnable($("#" + ValidatorControls[i]).get(0), false);}
3.点击“增加服务内容”时启用验证。
复制代码 代码如下:
for(var i = 0; i < ValidatorControls.length; i ++){ValidatorEnable($("#" + ValidatorControls[i]).get(0), true);}
4.已经搞定了。
总结
其实最核心的是ValidatorEnable()这个函数。有时候看例子可能并不能真正理解，只有真正动手做才能有更深刻的印象。
您可能感兴趣的文章:
- jQuery Validate 验证,校验规则写在控件中的具体实例
- ASP.NET jQuery 实例16 通过控件CustomValidator验证RadioButtonList
- ASP.NET jQuery 实例15 通过控件CustomValidator验证CheckBoxList
- 使用jQuery.Validate进行客户端验证（初级篇） 不使用微软验证控件的理由
- 教你用AngularJS框架一行JS代码实现控件验证效果
- js控制.net验证控件是否可用。
- 验证控件与Button的OnClientClick事件详细解析
- fileupload控件 文件类型客户端验证实现代码
- asp.net MaxLengthValidator 最大长度验证控件代码
- jQuery密码强度验证控件使用详解
相关文章
这篇文章主要介绍了Jquery方式如何获取iframe页面中的Dom元素,需要的朋友可以参考下2014-05-05
这篇文章主要介绍了jQuery提示框插件SweetAlert用法,结合实例形式分析了SweetAlert提示框插件基本功能、使用方法及配置项设置方法,需要的朋友可以参考下2019-08-08
使用jquery判断一个元素是否含有一个指定的类(class)实例
下面小编就为大家带来一篇使用jquery判断一个元素是否含有一个指定的类(class)实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-02-02
这篇文章主要介绍了jQuery、layer实现弹出层的打开、关闭功能,需要的朋友可以参考下2017-06-06
jquery ajax 同步异步的执行 return值不能取得的解决方案
jquery ajax 同步异步的执行 return值不能取得的解决方案，需要的朋友可以参考下。2012-01-01
这篇文章主要介绍了JQuery控制图片由中心点逐渐放大效果的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下2016-06-06
jquery 获得元素的 xy坐标，用offset()方法，body属性设置margin :0;padding:0;,需要的朋友可以参考下2014-09-09
jQuery中(function($){})(jQuery)详解
本文通过具体示例向大家详细介绍了jQuery中的(function($){})(jQuery)的用法和意义，对此有相同困惑的小伙伴可以参考下本文。2015-07-07
本期要讲的就是我痛苦中挣扎徘徊后写的jQuery.wechat，一个提供了统一API的、基于jQuery.promise的jQuery.plugin。希望能多少帮助到大家。2014-10-10
在下面的集合中，你会发现很多便利的 jQuery 导航插件和有用的教程，帮助你实现充满吸引力的网站导航，让你网站更有组织性和交互性2012-09-09
最新评论