分析下代碼為2個tab頁面都加上validationGroup樣式,引發(fā)驗證的按鈕加上causesValidation樣式,同時還需要標記一個isValidationGroup = true; 表示頁面需要進行分組驗證,傳遞回母版頁。
注意:這邊的邏輯和手寫JS驗證規(guī)則是一個邏輯,在母版頁建立一個isValidationGroup屬性默認為false,只有當(dāng)頁面需要進行分組驗證則設(shè)為true。
接下來看下母版頁的的jQuery(document).ready()中的帶代碼:
view sourceprint?01 if (isValidationGroup) { if (opts != undefined || opts != null) { jQuery("#<%=form1.ClientId %>").validate(jQuery.extend(opts, { onsubmit: false })); } else { jQuery("#<%=form1.ClientId %>").validate({ onsubmit: false }); } InitValidationGroup(); } else { if (opts != undefined || opts != null) { jQuery("#<%=form1.ClientId %>").validate(opts); } else { jQuery("#<%=form1.ClientId %>").validate(); } }
判斷isValidationGroup是否需要進行分組驗證,同時如果isValidationGroup為true,需要加入onsubmit:false,否則分組驗證將無法有效。
到此,jQuery.Validate進行客戶端驗證(高級篇-上)到此就講完了,本文主要介紹了如何自定義擴展驗證規(guī)則和分組驗證,歡迎大家指點。
PS:在jQuery.Validate進行客戶端驗證(高級篇-下)將為主要介紹如何使用jQuery.Validate進行ajax驗證,AJAX驗證的封裝及簡單擴展,敬請期待!
轉(zhuǎn)載:http://www.cnblogs.com/kyo-yo/archive/2010/07/05/Use-jQuery-Validate-To-Being-Client-Validate-High-1.html
本文鏈接:http://www.95time.cn/tech/web/2010/7791.asp
出處:博客園
責(zé)任編輯:bluehearts
上一頁 使用jQuery.Validate進行客戶端驗證(后篇) 上 [3] 下一頁
◎進入論壇網(wǎng)頁制作、WEB標準化版塊參加討論,我還想發(fā)表評論。
|