基于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入门教程(10) 认识其他对象
Jan 31 Javascript
jQuery 动画弹出窗体支持多种展现方式
Apr 29 Javascript
jquery lazyload延迟加载技术的实现原理分析
Jan 24 Javascript
jQuery获取标签文本内容和html内容的方法
Mar 27 Javascript
jQuery中 prop() attr()使用详解
May 19 Javascript
5种JavaScript脚本加载的方式
Jan 16 Javascript
Vue配合iView实现省市二级联动的示例代码
Jul 27 Javascript
基于Vue-Cli 打包自动生成/抽离相关配置文件的实现方法
Dec 09 Javascript
微信小程序本地存储实现每日签到、连续签到功能
Oct 09 Javascript
vue中改变滚动条样式的方法
Mar 03 Javascript
vue通过过滤器实现数据格式化
Jul 20 Javascript
Vue中避免滥用this去读取data中数据
Mar 02 Vue.js
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
phpword插件导出word文件时中文乱码问题处理方案
2014/08/19 PHP
php返回相对时间(如:20分钟前,3天前)的方法
2015/04/14 PHP
利用phpexcel对数据库数据的导入excel(excel筛选)、导出excel
2017/04/27 PHP
PHP编程计算两个时间段是否有交集的实现方法(不算边界重叠)
2017/05/30 PHP
Sample script that deletes a SQL Server database
2007/06/16 Javascript
js 表单验证方法(实用)
2009/04/28 Javascript
javascript操作cookie_获取与修改代码
2009/05/21 Javascript
Javascript document.referrer判断访客来源网址
2020/05/15 Javascript
用JS实现一个TreeMenu效果分享
2011/08/28 Javascript
通过jquery-ui中的sortable来实现拖拽排序的简单实例
2016/05/24 Javascript
jQuery插件FusionCharts绘制2D柱状图和折线图的组合图效果示例【附demo源码】
2017/04/10 jQuery
JS实现异步上传压缩图片
2017/04/22 Javascript
Vue.js做select下拉列表的实例(ul-li标签仿select标签)
2018/03/02 Javascript
promise和co搭配生成器函数方式解决js代码异步流程的比较
2018/05/25 Javascript
详解create-react-app 2.0版本如何启用装饰器语法
2018/10/23 Javascript
node.js的http.createServer过程深入解析
2019/06/06 Javascript
微信小程序在其他页面监听globalData中值的变化
2019/07/15 Javascript
vue实现设置载入动画和初始化页面动画效果
2019/10/28 Javascript
vue中利用iscroll.js解决pc端滚动问题
2020/02/15 Javascript
JavaScript eval()函数定义及使用方法详解
2020/07/07 Javascript
JS绘图Flot如何实现动态可刷新曲线图
2020/10/16 Javascript
[01:01:25]DOTA2上海特级锦标赛B组资格赛#2 Fnatic VS Spirit第三局
2016/02/27 DOTA
[56:24]DOTA2上海特级锦标赛主赛事日 - 3 胜者组第二轮#1Liquid VS MVP.Phx第二局
2016/03/04 DOTA
在Python的循环体中使用else语句的方法
2015/03/30 Python
详解Python中表达式i += x与i = i + x是否等价
2017/02/08 Python
python 多线程将大文件分开下载后在合并的实例
2018/11/09 Python
python opencv读mp4视频的实例
2018/12/07 Python
centos 安装Python3 及对应的pip教程详解
2019/06/28 Python
django修改models重建数据库的操作
2020/03/31 Python
英国太阳镜品牌:Taylor Morris Eyewear
2018/04/18 全球购物
匡威荷兰官方网站:Converse荷兰
2018/10/24 全球购物
大学新生军训个人的自我评价
2013/10/03 职场文书
继承公证书样本
2014/04/04 职场文书
世界水日宣传活动总结
2015/02/09 职场文书
小兵张嘎电影观后感
2015/06/03 职场文书
go select编译期的优化处理逻辑使用场景分析
2021/06/28 Golang