基于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 相关文章推荐
JS画线(实例代码)
Nov 20 Javascript
js 判断控件获得焦点的示例代码
Mar 04 Javascript
浅谈javascript中的instanceof和typeof
Feb 27 Javascript
聊一聊JavaScript作用域和作用域链
May 03 Javascript
当jquery ajax遇上401请求的解决方法
May 19 Javascript
Bootstrap实现input控件失去焦点时验证
Aug 04 Javascript
Wireshark基本介绍和学习TCP三次握手
Aug 15 Javascript
Google 爬虫如何抓取 JavaScript 的内容
Apr 07 Javascript
基于ExtJs在页面上window再调用Window的事件处理方法
Jul 26 Javascript
微信小程序 转发功能的实现
Aug 04 Javascript
Webpack优化配置缩小文件搜索范围
Dec 25 Javascript
Vue动态面包屑功能的实现方法
Jul 01 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 替换模板变量实现步骤
2009/08/24 PHP
PHP面向对象的进阶学习(抽像类、接口、final、类常量)
2012/05/07 PHP
PHP处理Json字符串解码返回NULL的解决方法
2014/09/01 PHP
php版阿里云OSS图片上传类详解
2016/12/01 PHP
javascript 解决表单仍然提交即使监听处理函数返回false
2010/03/14 Javascript
Javascript 类与静态类的实现
2010/04/01 Javascript
再谈querySelector和querySelectorAll的区别与联系
2012/04/20 Javascript
通过实例理解javascript中没有函数重载的概念
2015/06/03 Javascript
精通JavaScript的this关键字
2020/05/28 Javascript
Easyui Treegrid改变默认图标的方法
2016/04/29 Javascript
浅谈javascript运算符——条件,逗号,赋值,()和void运算符
2016/07/15 Javascript
layui 图片上传+表单提交+ Spring MVC的实例
2019/09/21 Javascript
JS操作json对象key、value的常用方法分析
2019/10/29 Javascript
vue 实现通过vuex 存储值 在不同界面使用
2019/11/11 Javascript
详解vue中在循环中使用@mouseenter 和 @mouseleave事件闪烁问题解决方法
2020/04/07 Javascript
[48:20]OpTic vs Serenity 2018国际邀请赛小组赛BO2 第二场 8.18
2018/08/19 DOTA
[09:59]DOTA2-DPC中国联赛2月7日Recap集锦
2021/03/11 DOTA
python编写网页爬虫脚本并实现APScheduler调度
2014/07/28 Python
在交互式环境中执行Python程序过程详解
2019/07/12 Python
CSS3 不定高宽垂直水平居中的几种方式
2020/03/26 HTML / CSS
加拿大约会网站:EliteSingles.ca
2018/01/12 全球购物
英国设计师泳装、沙滩装和比基尼在线精品店:Beach Cafe
2019/08/28 全球购物
Smilodox官方运动服装店:从运动服到健身配件
2020/08/27 全球购物
定义一结构体变量,用其表示点坐标,并输入两点坐标,求两点之间的距离
2015/08/17 面试题
Overload和Override的区别
2012/09/02 面试题
留学推荐信中文范文三篇
2014/01/25 职场文书
目标管理责任书
2014/04/15 职场文书
《悯农》教学反思
2014/04/28 职场文书
2014年毕业演讲稿范文
2014/05/13 职场文书
学校爱国卫生月活动总结
2014/06/25 职场文书
关于运动会广播稿200字
2014/10/08 职场文书
工厂仓管员岗位职责
2015/04/01 职场文书
公司财务部岗位职责
2015/04/14 职场文书
麦田里的守望者读书笔记
2015/06/30 职场文书
2016优秀护士求职自荐信
2016/01/28 职场文书
Python 游戏大作炫酷机甲闯关游戏爆肝数千行代码实现案例进阶
2021/10/16 Python