基于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 相关文章推荐
Add Formatted Text to a Word Document
Jun 15 Javascript
JavaScript Sort 表格排序
Oct 31 Javascript
jQuery验证插件 Validate详解
Nov 20 Javascript
javascript操作字符串的原生方法
Dec 22 Javascript
jQuery中replaceWith()方法用法实例
Dec 25 Javascript
jQuery自定义动画函数实例详解(附demo源码)
Dec 10 Javascript
AngularJS使用ng-repeat和ng-if实现数据的删选显示效果示例【适用于表单数据的显示】
Dec 13 Javascript
Vue.js双向绑定实现原理详解
Dec 22 Javascript
jquery实现点击a链接,跳转之后,该a链接处显示背景色的方法
Jan 18 jQuery
.vue文件 加scoped 样式不起作用的解决方法
May 28 Javascript
JavaScript中click和onclick本质区别与用法分析
Jun 07 Javascript
微信自定义分享链接信息(标题,图片和内容)实现过程详解
Sep 04 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编译安装中遇到的两个错误和解决方法
2014/08/20 PHP
PHP简单获取网站百度搜索和搜狗搜索收录量的方法
2016/08/23 PHP
php7 安装yar 生成docker镜像
2017/05/09 PHP
php语法检查的方法总结
2019/01/21 PHP
javascript 装载iframe子页面,自适应高度
2009/03/20 Javascript
基于jquery的跨域调用文件
2010/11/19 Javascript
jquery动态调整div大小使其宽度始终为浏览器宽度
2014/06/06 Javascript
js中scrollTop()方法和scroll()方法用法示例
2016/10/03 Javascript
javascript鼠标跟随运动3种效果(眼球效果,苹果菜单,方向跟随)
2016/10/27 Javascript
详谈jQuery Ajax(load,post,get,ajax)的用法
2017/03/02 Javascript
微信小程序 跳转传参数与传对象详解及实例代码
2017/03/14 Javascript
JavaScript 正则命名分组【推荐】
2018/06/07 Javascript
js中forEach,for in,for of循环的用法示例小结
2020/03/14 Javascript
js实现小星星游戏
2020/03/23 Javascript
tracking.js实现前端人脸识别功能
2020/04/16 Javascript
解决Element中el-date-picker组件不回填的情况
2020/11/07 Javascript
零基础写python爬虫之打包生成exe文件
2014/11/06 Python
Python中线程的MQ消息队列实现以及消息队列的优点解析
2016/06/29 Python
用tensorflow实现弹性网络回归算法
2018/01/09 Python
Python下调用Linux的Shell命令的方法
2018/06/12 Python
python正向最大匹配分词和逆向最大匹配分词的实例
2018/11/14 Python
python openvc 裁剪、剪切图片 提取图片的行和列
2019/09/19 Python
Python MongoDB 插入数据时已存在则不执行,不存在则插入的解决方法
2019/09/24 Python
django的autoreload机制实现
2020/06/03 Python
html5 canvas fillRect坐标和大小的问题解决方法
2014/03/26 HTML / CSS
HTML5 History API 实现无刷新跳转
2016/01/11 HTML / CSS
canvas压缩图片以及卡片制作的方法示例
2018/12/04 HTML / CSS
室内拓展活动方案
2014/02/13 职场文书
竞选学委演讲稿
2014/09/13 职场文书
四风问题原因分析及整改措施
2014/10/24 职场文书
2015年公务员试用期工作总结
2015/05/28 职场文书
植物园观后感
2015/06/11 职场文书
奥巴马开学演讲观后感
2015/06/12 职场文书
搞笑婚礼主持词开场白
2015/11/24 职场文书
python 批量压缩图片的脚本
2021/06/02 Python
idea 在springboot中使用lombok插件的方法
2021/08/02 Java/Android