http://www.cnblogs.com/wzmaodong/archive/2008/01/11/1034901.html

升級記錄

 

在升級的過程中發(fā)現(xiàn)了一些bug，在這個版本里做了修正；使用新版的jQuery類庫，精簡了不少代碼。
1、升級的過程中，把inputvalidator函數(shù)的里的屬性defaultvalue弄錯了，導(dǎo)致默認值都失效。
現(xiàn)更正為如下：
a、最后一個版本屬性名為defaultval，現(xiàn)更正為了原來的屬性名defaultvalue
b、checkbox和radio以及select控件都必須用數(shù)組進行初始化,請看demo1里的幾個控件的默認值。

2、ajaxvalidator是大家問的最多的問題，修正一個bug（感謝網(wǎng)友“じ龍峸√”），并把大家最關(guān)心的問題，再做一次闡述。
bug現(xiàn)象：無論校驗有沒有校驗通過，當(dāng)控件再次得到焦點而再次失去焦點的時候tip里的提示就會停滯在得到焦點的提示
歷次升級的相關(guān)記錄：
a、為AjaxValidator添加一個addidvalue屬性(是否自動添加id和值到url參數(shù)后面)
為了修復(fù)AjaxValidator在配置信息的時候,取不到運行時候值的bug，插件將自動在url后面自動添加,形式為"id=value"的網(wǎng)頁參數(shù)。在服務(wù)器端,你可以通過Request.querystring["id"]來取值。 具體演示請看demo1里的用戶名輸入和Default.aspx
b、AjaxValidator校驗方式，將自動再增加一個參數(shù)到請求的地址后面"clientid=觸發(fā)校驗的表單ID"。
如果你是一個jQuery集合做校驗，如果用到了AjaxValidator校驗方式,在服務(wù)器端，你無法知道觸發(fā)校驗的是哪個 表單元素，所以在請求的地址后面追加"clientid=觸發(fā)校驗的表單ID"。

3、上次更新的過程中，壓縮包里忘記放入datepicker日期控件，一起更正

2008/12/7 01:44:00 jQuery formValidator 3.2ver

1、為compareValidator里的datatype屬性增加新的類型：date、datetime。
那么到目前為止，插件支持4種常類型:"string"、"number"、"date"、"datetime"，默認值為"string"

2、為inputValidator里的屬性type增加類型為date、datetime，min和max必須為string類型，會自動轉(zhuǎn)換
"size":表示比較長度 ，默認值
"number":數(shù)值型比較
"string":字符型比較
"date":短日期類型
"datetime":長日期類型

3、為initConfig增加屬性errorfocus，表示發(fā)生錯誤的時候，第一個出錯控件是否獲得焦點。默認獲得焦點。

4、initConfig增加屬性forcevalid屬性;formValidator增加forcevalid屬性，表示是否一直輸入正確為止才允許離開焦點。
initConfig的forcevalid優(yōu)先等級最高，即全局配置；而formValidator里的forcevalid是局部設(shè)置。

5、initConfig增加屬性wideword,默認為false，表示是否把一個漢字當(dāng)做一個長度的參數(shù)。
請見demo1最上面的按鈕演示。

6、增加ajaxValidator對password控件的支持

7、修正升級中出現(xiàn)的一些bug,現(xiàn)都已修復(fù)
在升級的過程中，造成公用一個tip的功能丟失，現(xiàn)已修復(fù)。
bug描述：只顯示第一個控件的信息，后面的控件正確與否都不理睬。

更多的升級記錄，請點擊這里

 

1、現(xiàn)場演示

http://www.yhuan.com/formvalidator/demo1.htm

2、jQuery pageValidator插件主要功能

1. 支持所有類型客戶端控件的校驗
2. 支持jQuery所有的選擇器語法，只要控件有唯一ID和type屬性
3. 支持函數(shù)和正則表達式的擴展。提供擴展庫formValidatorReg.js，你可以自由的添加、修改里面的內(nèi)容。
4. 支持2種校驗?zāi)Ｊ?。第一種：文字提示(showword模式)；第二種：彈出窗口提示(showalert模式)
5. 支持多個校驗組。如果一個頁面有多個提交按鈕，分別做不同得提交，提交前要做不同的校驗，所以你得用到校驗組的功能。
6. 支持4種狀態(tài)的信息提示功能，可以靈活的控制4種狀態(tài)是否顯示。第一種：剛打開網(wǎng)頁的時候進行提示；第二種：獲得焦點的時候進行提示；第三種：失去焦點時，校驗成功時候的提示；第四種：失去焦點時，校驗失敗的錯誤提示。
7. 支持自動構(gòu)建提示層?？梢赃M行精確的定位。
8. 支持自定義錯誤提示信息。
9. 支持控件的字符長度、值范圍、選擇個數(shù)的控制。值范圍支持數(shù)值型、字符型、日期型；選擇的個數(shù)支持radio/checkbox/select三種控件
10. 支持2個控件值的比較。目前可以比較字符串和數(shù)值型、日期型。
11. 支持服務(wù)器端校驗。
12. 支持輸入格式的校驗。

3、jQuery formValidator插件 API幫助文檔

幫助文檔請點擊這里 


4、下載API幫助、源碼、示例

http://files.cnblogs.com/wzmaodong/formValidator3.3.rar

校驗代碼升級器


5、示例代碼

<script type="text/javascript">
$(document).ready(function(){
 $.formValidator.initConfig({onError:function(){alert("校驗沒有通過，具體錯誤請看錯誤提示")}});
 $("#test1").formValidator({onshow:"請輸入用戶名",onfocus:"用戶名至少6個字符,最多10個字符",oncorrect:"恭喜你,你輸對了"}).InputValidator({min:6,max:10,onerror:"你輸入的用戶名非法,請確認"});

 $("#test2").formValidator({onshow:"請選擇你的興趣愛好(至少選擇3個,最多選擇5個)",onfocus:"你至少選擇3個,最多選擇5個",oncorrect:"恭喜你,你選對了"}).InputValidator({min:3,max:5,onerror:"你選的個數(shù)不對(至少選擇3個,最多選擇5個)"});

 $("#test3").formValidator({onshow:"請選擇你的興趣愛好（至少選一個）",onfocus:"你至少選擇1個",oncorrect:"恭喜你,你選對了"}).InputValidator({min:1,onerror:"你選的個數(shù)不對"});

 $("#xueli").formValidator({onshow:"請選擇你的學(xué)歷",onfocus:"學(xué)歷必須選擇",oncorrect:"謝謝你的配合"}).SelectValidator({onerror: "你是不是忘記選擇學(xué)歷了!"});

 $("#password1").formValidator({onshow:"請輸入密碼",onfocus:"兩次密碼必須一致哦",oncorrect:"密碼一致"}).InputValidator({min:1,onerror:"密碼不能為空,請確認"}).CompareValidator({desID:"password2",operateor:"=",onerror:"2次密碼不一致,請確認"});

 $("#nl").formValidator({onshow:"請輸入的年齡（1-99歲之間）",onfocus:"只能輸入1-99之間的數(shù)字哦",oncorrect:"恭喜你,你輸對了"}).InputValidator({min:1,max:99,type:"value",onerror:"年齡必須在1-99之間，請確認"});

 $("#aiguo").formValidator({onshow:"愛國的人一定要選哦",onfocus:"你得認真思考哦",oncorrect:"不知道你愛不愛，反正你是選了"}).InputValidator({min:1,max:1,onerror:"難道你不愛國？你給我選?。。。?quot;});

 $("#shouji").formValidator({empty:true,onshow:"請輸入你的手機號碼，可以為空哦",onfocus:"你要是輸入了，必須輸入正確",oncorrect:"謝謝你的合作",onempty:"你真的不想留手機號碼?。?quot;}).InputValidator({min:11,max:11,onerror:"手機號碼必須是11位的,請確認"}).RegexValidator({regexp:"^[1][0-9]{10}$",onerror:"你輸入的手機格式不正確"});

 $("#lxdh").formValidator({empty:true,onshow:"請輸入你的聯(lián)系電話，可以為空哦",onfocus:"你要是輸入了，必須輸入正確，格式例如：0577-88069620",oncorrect:"謝謝你的合作",onempty:"你真的不想留聯(lián)系電話了嗎？"}).RegexValidator({regexp:"^[[0-9]{3}-|\[0-9]{4}-]?(\[0-9]{8}|[0-9]{7})?$",onerror:"你輸入的聯(lián)系電話格式不正確"});

 $("#ms").formValidator({onshow:"請輸入你的描述",onfocus:"描述至少要輸入10個漢字或20個字符",oncorrect:"恭喜你,你輸對了"}).InputValidator({min:20,onerror:"你輸入的描述長度不正確,請確認"});
});
</script>


6、特別說明

如果你在使用過程中碰到什么問題請給我留言，發(fā)現(xiàn)bug請不要自行修改，也請留言，達到完善插件的目的，真正服務(wù)每個程序開發(fā)人員 .
請保留插件的版權(quán)申明，謝謝

• 表單
• jquery
• 插件
• form