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

2016-02-19 13:05 19 1 收藏

下面图老师小编要跟大家分享基于jquery实现的服务器验证控件的启用和禁用代码,简单的过程中其实暗藏玄机,还是要细心学习,喜欢还请记得收藏哦!

【 tulaoshi.com - Web开发 】

应用背景

1.用户需要填写表单时。
2.页面采用服务器验证控件。
3.由用户来选择是否填写更多项,更多项的显示与隐藏用Display控制,如下图。

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

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

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/webkaifa/)

问题:用户点击下一步时,不对Display=none的新增区域表单进行验证,需要在用户点击“取消增加时”,禁用服务器验证控件。反之,启用服务器验证控件。

解决方法

还是使用JQuery来搞定吧,主要是太好用了。

1.输出要禁用的验证控件。

代码如下:

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/webkaifa/)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()这个函数。有时候看例子可能并不能真正理解,只有真正动手做才能有更深刻的印象。

来源:https://www.tulaoshi.com/n/20160219/1602920.html

延伸阅读
标签: PHP
对于需要身份验证的页面,使用apache服务器验证是最好不过的了。 不过,apache服务器验证的界面不够友好。而且,并不是所有的情况 都可以使用apache服务器验证,比如cgi模式的php,iis下的php。 用session可以在不同页面间保存用户身份,比如 login.php if ($name=="" && $pass=="") { ?> } else { if($name!="uuu" || ...
标签: Web开发
前台:  代码如下: !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" html xmlns="http://www.w3.org/1999/xhtml" head titlejs装载xml文件然后发向服务器/title script type="text/javascript"!-- var xmlHttp = null; function f(){ var xmlDoc = n...
标签: Web开发
网上基于jQuery的表单验证插件已有很多,但是这个轮子我还是继续做一个,因为这个表单验证插件是从我以前的个人JavaScript框架移值过来的(我已慢慢投入jQuery的怀抱),并且它的验证规则书写方式也许会让你眼前一亮。 网上的各类表单验证插件的验证规则都是写在脚本里的,但我的插件的验证规则却是写在表单元素的属性里的。如下面的例子: ...
标签: Web开发
  打包下载   但是也有些问题,第一画日历有点慢,第二兼容性不太好IE Only,第三它不是基于jQuery的哈哈。 那还是老规矩,做之前先看下效果 这下是更酷的Ext风格了。 从上图我们可以看出这个控件其实有两个视图一个日期月视图,还有一个是年月选择视图。 1:还是先从HTML入手 日期控件确定HTML其实还是比较简单,因为...
电子邮件传递可以由多种协议来实现。目前,在Internet 网上最流行的三种电子邮件协议是SMTP、POP3 和 IMAP,下面分别简单介绍。 ◆ SMTP 协议 !-- frame contents --!-- /frame contents -- 简单邮件传输协议(Simple Mail Transfer Protocol,SMTP)是一个运行在TCP/IP之上的协议,用它发送和接...

经验教程

480

收藏

99
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部