快捷導(dǎo)航

基于jquery實(shí)現(xiàn)的服務(wù)器驗(yàn)證控件的啟用和禁用代碼

更新時(shí)間：2010年04月27日 21:39:08 作者：

用戶點(diǎn)擊下一步時(shí)，不對(duì)Display=none的新增區(qū)域表單進(jìn)行驗(yàn)證，需要在用戶點(diǎn)擊“取消增加時(shí)”，禁用服務(wù)器驗(yàn)證控件。反之，啟用服務(wù)器驗(yàn)證控件。

應(yīng)用背景

1.用戶需要填寫表單時(shí)。
2.頁(yè)面采用服務(wù)器驗(yàn)證控件。
3.由用戶來(lái)選擇是否填寫更多項(xiàng)，更多項(xiàng)的顯示與隱藏用Display控制，如下圖。

點(diǎn)擊“增加服務(wù)內(nèi)容”，顯示新增表單項(xiàng)，如下圖。

點(diǎn)擊“取消增加”，隱藏新增表單項(xiàng)。

問題：用戶點(diǎn)擊下一步時(shí)，不對(duì)Display=none的新增區(qū)域表單進(jìn)行驗(yàn)證，需要在用戶點(diǎn)擊“取消增加時(shí)”，禁用服務(wù)器驗(yàn)證控件。反之，啟用服務(wù)器驗(yàn)證控件。

解決方法

還是使用JQuery來(lái)搞定吧，主要是太好用了。

1.輸出要禁用的驗(yàn)證控件。

復(fù)制代碼代碼如下:

var ValidatorControls = new Array('RequiredFieldValidatorName','RequiredFieldValidatorID'); 

2.默認(rèn)禁用驗(yàn)證。

復(fù)制代碼代碼如下:

for(var i = 0; i < ValidatorControls.length; i ++){ValidatorEnable($("#" + ValidatorControls[i]).get(0), false);} 

3.點(diǎn)擊“增加服務(wù)內(nèi)容”時(shí)啟用驗(yàn)證。

復(fù)制代碼代碼如下:

for(var i = 0; i < ValidatorControls.length; i ++){ValidatorEnable($("#" + ValidatorControls[i]).get(0), true);} 

4.已經(jīng)搞定了。

總結(jié)

其實(shí)最核心的是ValidatorEnable()這個(gè)函數(shù)。有時(shí)候看例子可能并不能真正理解，只有真正動(dòng)手做才能有更深刻的印象。

您可能感興趣的文章:

相關(guān)文章

Jquery方式獲取iframe頁(yè)面中的 Dom元素
這篇文章主要介紹了Jquery方式如何獲取iframe頁(yè)面中的Dom元素,需要的朋友可以參考下
2014-05-05
jQuery提示框插件SweetAlert用法分析
這篇文章主要介紹了jQuery提示框插件SweetAlert用法,結(jié)合實(shí)例形式分析了SweetAlert提示框插件基本功能、使用方法及配置項(xiàng)設(shè)置方法,需要的朋友可以參考下
2019-08-08
使用jquery判斷一個(gè)元素是否含有一個(gè)指定的類(class)實(shí)例
下面小編就為大家?guī)?lái)一篇使用jquery判斷一個(gè)元素是否含有一個(gè)指定的類(class)實(shí)例。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來(lái)看看吧
2017-02-02
jQuery、layer實(shí)現(xiàn)彈出層的打開、關(guān)閉功能
這篇文章主要介紹了jQuery、layer實(shí)現(xiàn)彈出層的打開、關(guān)閉功能,需要的朋友可以參考下
2017-06-06
jquery ajax 同步異步的執(zhí)行 return值不能取得的解決方案
jquery ajax 同步異步的執(zhí)行 return值不能取得的解決方案，需要的朋友可以參考下。
2012-01-01
JQuery控制圖片由中心點(diǎn)逐漸放大效果
這篇文章主要介紹了JQuery控制圖片由中心點(diǎn)逐漸放大效果的相關(guān)資料,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下
2016-06-06
jquery用offset()方法獲得元素的xy坐標(biāo)
jquery 獲得元素的 xy坐標(biāo)，用offset()方法，body屬性設(shè)置margin :0;padding:0;,需要的朋友可以參考下
2014-09-09
jQuery中(function($){})(jQuery)詳解
本文通過具體示例向大家詳細(xì)介紹了jQuery中的(function($){})(jQuery)的用法和意義，對(duì)此有相同困惑的小伙伴可以參考下本文。
2015-07-07
使用jQuery.wechat構(gòu)建微信WEB應(yīng)用
本期要講的就是我痛苦中掙扎徘徊后寫的jQuery.wechat，一個(gè)提供了統(tǒng)一API的、基于jQuery.promise的jQuery.plugin。希望能多少幫助到大家。
2014-10-10
推薦40個(gè)簡(jiǎn)單的 jQuery 導(dǎo)航插件和教程(下篇)
在下面的集合中，你會(huì)發(fā)現(xiàn)很多便利的 jQuery 導(dǎo)航插件和有用的教程，幫助你實(shí)現(xiàn)充滿吸引力的網(wǎng)站導(dǎo)航，讓你網(wǎng)站更有組織性和交互性
2012-09-09