基于jquery實(shí)現(xiàn)的服務(wù)器驗(yàn)證控件的啟用和禁用代碼
更新時(shí)間：2010年04月27日 21:39:08 作者：
用戶點(diǎn)擊下一步時(shí)，不對Display=none的新增區(qū)域表單進(jìn)行驗(yàn)證，需要在用戶點(diǎn)擊“取消增加時(shí)”，禁用服務(wù)器驗(yàn)證控件。反之，啟用服務(wù)器驗(yàn)證控件。
應(yīng)用背景
1.用戶需要填寫表單時(shí)。
2.頁面采用服務(wù)器驗(yàn)證控件。
3.由用戶來選擇是否填寫更多項(xiàng)，更多項(xiàng)的顯示與隱藏用Display控制，如下圖。
點(diǎn)擊“增加服務(wù)內(nèi)容”，顯示新增表單項(xiàng)，如下圖。
點(diǎn)擊“取消增加”，隱藏新增表單項(xiàng)。
問題：用戶點(diǎn)擊下一步時(shí)，不對Display=none的新增區(qū)域表單進(jìn)行驗(yàn)證，需要在用戶點(diǎn)擊“取消增加時(shí)”，禁用服務(wù)器驗(yàn)證控件。反之，啟用服務(wù)器驗(yàn)證控件。
解決方法
還是使用JQuery來搞定吧，主要是太好用了。
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)手做才能有更深刻的印象。
您可能感興趣的文章:
- jQuery Validate 驗(yàn)證,校驗(yàn)規(guī)則寫在控件中的具體實(shí)例
- ASP.NET jQuery 實(shí)例16 通過控件CustomValidator驗(yàn)證RadioButtonList
- ASP.NET jQuery 實(shí)例15 通過控件CustomValidator驗(yàn)證CheckBoxList
- 使用jQuery.Validate進(jìn)行客戶端驗(yàn)證（初級篇） 不使用微軟驗(yàn)證控件的理由
- 教你用AngularJS框架一行JS代碼實(shí)現(xiàn)控件驗(yàn)證效果
- js控制.net驗(yàn)證控件是否可用。
- 驗(yàn)證控件與Button的OnClientClick事件詳細(xì)解析
- fileupload控件 文件類型客戶端驗(yàn)證實(shí)現(xiàn)代碼
- asp.net MaxLengthValidator 最大長度驗(yàn)證控件代碼
- jQuery密碼強(qiáng)度驗(yàn)證控件使用詳解
相關(guān)文章
這篇文章主要介紹了Jquery方式如何獲取iframe頁面中的Dom元素,需要的朋友可以參考下2014-05-05
這篇文章主要介紹了jQuery提示框插件SweetAlert用法,結(jié)合實(shí)例形式分析了SweetAlert提示框插件基本功能、使用方法及配置項(xiàng)設(shè)置方法,需要的朋友可以參考下2019-08-08
使用jquery判斷一個(gè)元素是否含有一個(gè)指定的類(class)實(shí)例
下面小編就為大家?guī)硪黄褂胘query判斷一個(gè)元素是否含有一個(gè)指定的類(class)實(shí)例。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧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)逐漸放大效果的相關(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)的用法和意義，對此有相同困惑的小伙伴可以參考下本文。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è)簡單的 jQuery 導(dǎo)航插件和教程(下篇)
在下面的集合中，你會(huì)發(fā)現(xiàn)很多便利的 jQuery 導(dǎo)航插件和有用的教程，幫助你實(shí)現(xiàn)充滿吸引力的網(wǎng)站導(dǎo)航，讓你網(wǎng)站更有組織性和交互性2012-09-09