手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >基于jquery实现的服务器验证控件的启用和禁用代码
基于jquery实现的服务器验证控件的启用和禁用代码
摘要:应用背景1.用户需要填写表单时。2.页面采用服务器验证控件。3.由用户来选择是否填写更多项,更多项的显示与隐藏用Display控制,如下图。...

应用背景

1.用户需要填写表单时。

2.页面采用服务器验证控件。

3.由用户来选择是否填写更多项,更多项的显示与隐藏用Display控制,如下图。

基于jquery实现的服务器验证控件的启用和禁用代码1

点击“增加服务内容”,显示新增表单项,如下图。

基于jquery实现的服务器验证控件的启用和禁用代码2

点击“取消增加”,隐藏新增表单项。

问题:用户点击下一步时,不对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()这个函数。有时候看例子可能并不能真正理解,只有真正动手做才能有更深刻的印象。

【基于jquery实现的服务器验证控件的启用和禁用代码】相关文章:

jQuery插件实现适用于移动端的地址选择器

理解javascript定时器中的单线程

jQuery实现给页面换肤的方法

精确到分钟的js日历控件,日期选择器代码

jQuery实现返回顶部效果的方法

javascript实现youku的视频代码自适应宽度

js实现发送验证码后的倒计时功能

jQuery常用知识点总结以及平时封装常用函数

jQuery封装的tab选项卡插件分享

基于jQuery实现的无刷新表格分页实例

精品推荐
分类导航