下面图老师小编要跟大家分享基于jquery实现的服务器验证控件的启用和禁用代码,简单的过程中其实暗藏玄机,还是要细心学习,喜欢还请记得收藏哦!
【 tulaoshi.com - Web开发 】
应用背景
1.用户需要填写表单时。
2.页面采用服务器验证控件。
3.由用户来选择是否填写更多项,更多项的显示与隐藏用Display控制,如下图。
点击“增加服务内容”,显示新增表单项,如下图。
点击“取消增加”,隐藏新增表单项。
问题:用户点击下一步时,不对Display=none的新增区域表单进行验证,需要在用户点击“取消增加时”,禁用服务器验证控件。反之,启用服务器验证控件。
解决方法
还是使用JQuery来搞定吧,主要是太好用了。
(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)1.输出要禁用的验证控件。
代码如下:
(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)var ValidatorControls = new Array('RequiredFieldValidatorName','RequiredFieldValidatorID');代码如下:
(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)for(var i = 0; i ValidatorControls.length; i ++){ValidatorEnable($("#" + ValidatorControls[i]).get(0), false);}代码如下:
(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)for(var i = 0; i ValidatorControls.length; i ++){ValidatorEnable($("#" + ValidatorControls[i]).get(0), true);}来源:http://www.tulaoshi.com/n/20160219/1602920.html
看过《基于jquery实现的服务器验证控件的启用和禁用代码》的人还看了以下文章 更多>>