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

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

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

【 tulaoshi.com - Web开发 】

应用背景

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

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

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

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

解决方法

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

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

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

代码如下:

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)var ValidatorControls = new Array('RequiredFieldValidatorName','RequiredFieldValidatorID');

2.默认禁用验证。

代码如下:

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)for(var i = 0; i ValidatorControls.length; i ++){ValidatorEnable($("#" + ValidatorControls[i]).get(0), false);}

3.点击“增加服务内容”时启用验证。

代码如下:

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)for(var i = 0; i ValidatorControls.length; i ++){ValidatorEnable($("#" + ValidatorControls[i]).get(0), true);}

4.已经搞定了。

总结

其实最核心的是ValidatorEnable()这个函数。有时候看例子可能并不能真正理解,只有真正动手做才能有更深刻的印象。

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

延伸阅读
标签: Web开发
使用 jquery 框架:下载 jquery.js 新建一个 web 工程 ajax ; 在 webRoot 下新建一个 jslib 文件夹:专门存放 js 文件; 在 webRoot 下新建一个 html/jsp 页面: login.html 代码如下: script type = "text/javascript" src = "jslib/jquery.js"/ script script type = "text/javascript" src = "jslib/verify.js"/ script / head b...
标签: 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开发
网上的各类表单验证插件的验证规则都是写在脚本里的,但我的插件的验证规则却是写在表单元素的属性里的。如下面的例子: 代码如下: input name="name" type="text" id="name" size="30" jvpattern="^.+$" jverrortip="请输入正确的姓名." jvtipid="spt_name" jvmethod="checkname" / span id="spt_name" class="normaltips" jverrorclass="e...
标签: Web开发
代码如下: /* * Copyright (c) 2010 刘建华 * * The above copyright notice shall be * included in all copies or substantial portions of the Software. * Example: divdemo/div divdemo/div script type="text/javascript" var o = $(document); o.mousemove( function(e){ var d = document.getElementById("demo"); d.s...
标签: PHP
对于需要身份验证的页面,使用apache服务器验证是最好不过的了。 不过,apache服务器验证的界面不够友好。而且,并不是所有的情况 都可以使用apache服务器验证,比如cgi模式的php,iis下的php。 用session可以在不同页面间保存用户身份,比如 login.php if ($name=="" && $pass=="") { ?> } else { if($name!="uuu" || ...

经验教程

751

收藏

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