基于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 相关文章推荐
JSONP 跨域共享信息
Aug 16 Javascript
JavaScript 32位整型无符号操作示例
Dec 08 Javascript
js点击选择文本的方法
Feb 09 Javascript
js 轮播效果实例分享
Dec 28 Javascript
Validform验证时可以为空否则按照指定格式验证
Oct 20 Javascript
微信小程序图片选择区域裁剪实现方法
Dec 02 Javascript
Angular4实现图片上传预览路径不安全的问题解决
Dec 25 Javascript
js阻止默认右键的下拉菜单方法
Jan 02 Javascript
用vue-cli开发vue时的代理设置方法
Sep 20 Javascript
iview在vue-cli3如何按需加载的方法
Oct 31 Javascript
vue-cli 首屏加载优化问题
Nov 06 Javascript
微信小程序文章详情功能完整实例
Jun 03 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
支持png透明图片的php生成缩略图类分享
2015/02/08 PHP
php通过array_shift()函数移除数组第一个元素的方法
2015/03/18 PHP
thinkphp分页集成实例
2017/07/24 PHP
Laravel中获取路由参数Route Parameters的五种方法示例
2017/09/29 PHP
浅谈PHP5.6 与 PHP7.0 区别
2019/10/09 PHP
JS 参数传递的实际应用代码分析
2009/09/13 Javascript
jQuery Validation插件remote验证方式的Bug解决
2010/07/01 Javascript
javascript数据类型示例分享
2015/01/19 Javascript
DOM基础教程之事件对象
2015/01/20 Javascript
Bootstrap每天必学之表格
2015/11/23 Javascript
vue.js动态数据绑定学习笔记
2017/05/19 Javascript
vue 中固定导航栏的实例代码
2019/11/01 Javascript
Node.js API详解之 string_decoder用法实例分析
2020/04/29 Javascript
Python使用lxml模块和Requests模块抓取HTML页面的教程
2016/05/16 Python
Python基于identicon库创建类似Github上用的头像功能
2017/09/25 Python
Python Flask-web表单使用详解
2017/11/18 Python
Python的pygame安装教程详解
2020/02/10 Python
Python使用OpenPyXL处理Excel表格
2020/07/02 Python
css3边框_动力节点Java学院整理
2017/07/11 HTML / CSS
关于HTML5+ API plusready的兼容问题
2020/11/20 HTML / CSS
Joules官网:女士、男士和儿童服装和鞋类
2018/10/23 全球购物
英国著名的美容护肤和护发产品购物网站:Lookfantastic
2020/11/23 全球购物
OSPF有什么优点?为什么OSPF比RIP收敛快?
2013/02/13 面试题
linux面试题参考答案(3)
2012/09/13 面试题
自主招生自荐书
2013/11/29 职场文书
优秀大学生的自我评价
2014/01/16 职场文书
《孔子拜师》教学反思
2014/02/24 职场文书
管理部副部长岗位职责范文
2014/03/09 职场文书
文明村镇申报材料
2014/05/06 职场文书
教师自我剖析材料(群众路线)
2014/09/29 职场文书
公安局副政委班子个人对照检查材料
2014/10/04 职场文书
《学会看病》教学反思
2016/02/17 职场文书
浅谈node.js中间件有哪些类型
2021/04/29 Javascript
Python基础之tkinter图形化界面学习
2021/04/29 Python
简单聊聊Vue中的计算属性和属性侦听
2021/10/05 Vue.js
Python实现老照片修复之上色小技巧
2021/10/16 Python