基于jquery实现的服务器验证控件的启用和禁用代码


Posted in Javascript onApril 27, 2010

应用背景

1.用户需要填写表单时。
2.页面采用服务器验证控件。
3.由用户来选择是否填写更多项,更多项的显示与隐藏用Display控制,如下图。

基于jquery实现的服务器验证控件的启用和禁用代码

点击“增加服务内容”,显示新增表单项,如下图。

基于jquery实现的服务器验证控件的启用和禁用代码

点击“取消增加”,隐藏新增表单项。

问题:用户点击下一步时,不对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()这个函数。有时候看例子可能并不能真正理解,只有真正动手做才能有更深刻的印象。

Javascript 相关文章推荐
用javascript实现的支持lrc歌词的播放器
May 17 Javascript
Javascript面象对象成员、共享成员变量实验
Nov 19 Javascript
javascript限制文本框只允许输入数字(曾经与现在的方法对比)
Jan 18 Javascript
iframe子页面获取父页面元素的方法
Nov 05 Javascript
js触发onchange事件的方法说明
Mar 08 Javascript
JavaScript必知必会(二) null 和undefined
Jun 08 Javascript
原生js实现旋转木马轮播图效果
Feb 27 Javascript
vue webpack打包优化操作技巧
Feb 22 Javascript
vue.js响应式原理解析与实现
Jun 22 Javascript
对类Vue的MVVM前端库的实现代码
Sep 07 Javascript
vue实现一个炫酷的日历组件
Oct 08 Javascript
php结合js实现多条件组合查询
May 28 Javascript
jQuery 表格插件整理
Apr 27 #Javascript
jquery 事件对象属性小结
Apr 27 #Javascript
Google排名中的10个最著名的 JavaScript库
Apr 27 #Javascript
基于jquery的让页面控件不可用的实现代码
Apr 27 #Javascript
JQuery上传插件Uploadify使用详解及错误处理
Apr 27 #Javascript
JavaScript中常见陷阱小结
Apr 27 #Javascript
javascript 动态修改样式和层叠样式表代码
Apr 27 #Javascript
You might like
解析php中curl_multi的应用
2013/07/17 PHP
PHP缓存集成库phpFastCache用法
2014/12/15 PHP
微信公众号开发之通过接口删除菜单
2017/02/20 PHP
php用wangeditor3实现图片上传功能
2019/08/22 PHP
经常用的图片在容器中的水平垂直居中实例
2007/06/10 Javascript
JS Array对象入门分析
2008/10/30 Javascript
js封装的textarea操作方法集合(兼容很好)
2010/11/16 Javascript
validator验证控件使用代码
2010/11/23 Javascript
jquery对象和DOM对象的区别介绍
2013/08/09 Javascript
js onclick事件传参讲解
2013/11/06 Javascript
jQuery对象和DOM对象之间相互转换的方法介绍
2015/02/28 Javascript
再JavaScript的jQuery库中编写动画效果的指南
2015/08/13 Javascript
jQuery实现输入框邮箱内容自动补全与上下翻动显示效果【附demo源码下载】
2016/09/20 Javascript
基于jQuery实现照片墙自动播放特效
2017/01/12 Javascript
详解AngularJs HTTP响应拦截器实现登陆、权限校验
2017/04/11 Javascript
Angular.js中angular-ui-router的简单实践
2017/07/18 Javascript
详解node单线程实现高并发原理与node异步I/O
2017/09/21 Javascript
[43:26]完美世界DOTA2联赛PWL S2 Forest vs Rebirth 第二场 11.20
2020/11/23 DOTA
详解Python中列表和元祖的使用方法
2015/04/25 Python
关于Python中空格字符串处理的技巧总结
2017/08/10 Python
Python使用while循环花式打印乘法表
2019/01/28 Python
详解Python 爬取13个旅游城市,告诉你五一大家最爱去哪玩?
2019/05/07 Python
Python PyCharm如何进行断点调试
2019/07/05 Python
django基于存储在前端的token用户认证解析
2019/08/06 Python
wxPython窗体拆分布局基础组件
2019/11/19 Python
将python安装信息加入注册表的示例
2019/11/20 Python
详解Django中views数据查询使用locals()函数进行优化
2020/08/24 Python
python从Oracle读取数据生成图表
2020/10/14 Python
Saucony澳大利亚官网:美国跑鞋品牌,运动鞋中的劳斯莱斯
2018/05/05 全球购物
护士思想汇报
2014/01/12 职场文书
成龙霸王洗发水广告词
2014/03/14 职场文书
标准版离职证明书
2014/09/12 职场文书
2014年个人债务授权委托书范本
2014/09/22 职场文书
光棍节联谊晚会活动策划书
2014/10/10 职场文书
2015毕业寄语大全
2015/02/26 职场文书
2015年司机工作总结
2015/04/23 职场文书