基于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下弹出窗口的变通
Apr 18 Javascript
兼容IE和Firefox火狐的上下、左右循环无间断滚动JS代码
Apr 19 Javascript
动态创建按钮的JavaScript代码
Jan 29 Javascript
ES6中Symbol类型用法实例详解
Apr 06 Javascript
使用原生js写ajax实例(推荐)
May 31 Javascript
Vue实现路由跳转和嵌套
Jun 20 Javascript
Three.js入门之hello world以及如何绘制线
Sep 25 Javascript
用vue-cli开发vue时的代理设置方法
Sep 20 Javascript
教你30秒发布一个TypeScript包到NPM的方法步骤
Jul 22 Javascript
Vue实现商品详情页的评价列表功能
Sep 04 Javascript
你不可不知的Vue.js列表渲染详解
Oct 01 Javascript
javascript异常处理实现原理详解
Feb 17 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脚本加密专家php解密算法
2020/09/13 PHP
用PHP写的基于Memcache的Queue实现代码
2011/11/27 PHP
ThinkPHP实现ajax仿官网搜索功能实例
2014/12/02 PHP
10款PHP开源商城系统汇总介绍
2015/07/23 PHP
PHP中list()函数用法实例简析
2016/01/08 PHP
php实现文件上传基本验证
2020/03/04 PHP
jWiard 基于JQuery的强大的向导控件介绍
2011/10/28 Javascript
Javascript new Date().valueOf()的作用与时间戳由来详解
2013/04/24 Javascript
用jQuery模拟select下拉框的简单示例代码
2014/01/26 Javascript
Bootstrap每天必学之缩略图与警示窗
2015/11/29 Javascript
解决JavaScript数字精度丢失问题的方法
2015/12/03 Javascript
Jquery+ajax+JAVA(servlet)实现下拉菜单异步取值
2016/03/23 Javascript
jquery轮播的实现方式 附完整实例
2016/07/28 Javascript
js实现颜色阶梯渐变效果(Gradient算法)
2017/03/21 Javascript
基于react框架使用的一些细节要点的思考
2017/05/31 Javascript
微信小程序实现换肤功能
2018/03/14 Javascript
JS文件中加载jquery.js的实例代码
2018/05/05 jQuery
vue实现类似淘宝商品评价页面星级评价及上传多张图片功能
2018/10/29 Javascript
js实现图片推拉门效果代码实例
2019/05/18 Javascript
jquery树形插件zTree高级使用详解
2019/08/16 jQuery
Vue 集成 PDF.js 实现 PDF 预览和添加水印的步骤
2021/01/22 Vue.js
[42:11]TNC vs Pain 2018国际邀请赛小组赛BO2 第二场 8.17
2018/08/20 DOTA
Python基于Flask框架配置依赖包信息的项目迁移部署
2018/03/02 Python
浅谈Python 敏感词过滤的实现
2019/08/15 Python
python实现批量文件重命名
2019/10/31 Python
python模块hashlib(加密服务)知识点讲解
2019/11/25 Python
python 调整图片亮度的示例
2020/12/03 Python
加拿大休闲和工业服装和鞋类零售商:L’Équipeur
2018/01/12 全球购物
美国一家运动专业鞋类零售商:Warehouse Shoe Sale(WSS)
2018/03/28 全球购物
工程预算与管理应届生求职信
2013/10/06 职场文书
高中教师考核方案
2014/05/18 职场文书
晚自修旷课检讨书怎么写
2014/11/17 职场文书
2014年青年教师工作总结
2014/12/17 职场文书
构建和谐校园倡议书
2015/01/19 职场文书
投资入股协议书
2016/03/22 职场文书
读《方与圆》有感:交友方圆有度
2020/01/14 职场文书