|
bug描述:ajaxValidator函數(shù)在提交后發(fā)生錯(cuò)誤,停留在本頁面后,再次觸發(fā)校驗(yàn)會讓提示內(nèi)容一直處于onload狀態(tài)。
這個(gè)bug已經(jīng)修復(fù),請重新下載。
2008/7/17 14:12:00 jQuery formValidator 3.1ver
1、為inputValidator增加empty屬性。用于設(shè)置控件文本值是否允許兩邊為空。具體請看demo1里的密碼的校驗(yàn)代碼。
該屬性是個(gè)對象,默認(rèn)值{leftempty:true,rightempty:true,emptyerror:null}
leftempty:表示左邊是否允許為空
rightempty:表示右邊是否允許為空
emptyerror:出現(xiàn)該錯(cuò)誤的時(shí)候的提示,如果為null,則利用onerror屬性來提示錯(cuò)誤。
注:只能在type:"size"的時(shí)候使用,即比較長度的時(shí)候。
2、修改自動構(gòu)建提示層的語法。為formValidator函數(shù)增加relativeid屬性。
relativeid:表示提示層相對定位的控件ID,如果為空,則用當(dāng)前校驗(yàn)控件的ID。
tipid:表示自動創(chuàng)建的提示層的ID,如果為空,則用當(dāng)前校驗(yàn)控件的ID+"Tip"來命名。
3、修正ajaxValidator函數(shù)里beforesend屬性的bug。代碼忘記傳遞它的唯一參數(shù)。
4、修正ajaxValidator函數(shù)在后臺無法獲取中文的bug。
5、更新了升級記錄、用戶手冊、增加了2個(gè)提問。
1、現(xiàn)場演示
http://img.jb51.NET/online/formValidator3.1/demo.html
2、jQuery pageValidator插件主要功能
支持所有類型客戶端控件的校驗(yàn)
支持jQuery所有的選擇器語法,只要控件有唯一ID和type屬性
支持函數(shù)和正則表達(dá)式的擴(kuò)展。提供擴(kuò)展庫formValidatorReg.js,你可以自由的添加、修改里面的內(nèi)容。
支持2種校驗(yàn)?zāi)J健5谝环N:文字提示(showword模式);第二種:彈出窗口提示(showalert模式)
支持多個(gè)校驗(yàn)組。如果一個(gè)頁面有多個(gè)提交按鈕,分別做不同得提交,提交前要做不同的校驗(yàn),所以你得用到校驗(yàn)組的功能。
支持4種狀態(tài)的信息提示功能,可以靈活的控制4種狀態(tài)是否顯示。第一種:剛打開網(wǎng)頁的時(shí)候進(jìn)行提示;第二種:獲得焦點(diǎn)的時(shí)候進(jìn)行提示;第三種:失去焦點(diǎn)時(shí),校驗(yàn)成功時(shí)候的提示;第四種:失去焦點(diǎn)時(shí),校驗(yàn)失敗的錯(cuò)誤提示。
支持自動構(gòu)建提示層。可以進(jìn)行精確的定位。
支持自定義錯(cuò)誤提示信息。
支持控件的字符長度、值范圍、選擇個(gè)數(shù)的控制。值范圍支持?jǐn)?shù)值型和字符型;選擇的個(gè)數(shù)支持radio/checkbox/select三種控件
支持2個(gè)控件值的比較。目前可以比較字符串和數(shù)值型。
支持服務(wù)器端校驗(yàn)。
支持輸入格式的校驗(yàn)。
3、jQuery formValidator插件 API幫助文檔
幫助文檔請點(diǎn)擊這里
4、下載API幫助、源碼、示例
http://xiazai.jb51.NET/jslib/formValidator2.4.rar
http://xiazai.jb51.NET/jslib/formValidator3.1.rar
校驗(yàn)代碼升級器
5、示例代碼
<script type="text/Javascript">
$(document).ready(function(){
$.formValidator.initConfig({onError:function(){alert("校驗(yàn)沒有通過,具體錯(cuò)誤請看錯(cuò)誤提示")}});
$("#test1").formValidator({onshow:"請輸入用戶名",onfocus:"用戶名至少6個(gè)字符,最多10個(gè)字符",oncorrect:"恭喜你,你輸對了"}).InputValidator({min:6,max:10,onerror:"你輸入的用戶名非法,請確認(rèn)"});
$("#test2").formValidator({onshow:"請選擇你的興趣愛好(至少選擇3個(gè),最多選擇5個(gè))",onfocus:"你至少選擇3個(gè),最多選擇5個(gè)",oncorrect:"恭喜你,你選對了"}).InputValidator({min:3,max:5,onerror:"你選的個(gè)數(shù)不對(至少選擇3個(gè),最多選擇5個(gè))"});
$("#test3").formValidator({onshow:"請選擇你的興趣愛好(至少選一個(gè))",onfocus:"你至少選擇1個(gè)",oncorrect:"恭喜你,你選對了"}).InputValidator({min:1,onerror:"你選的個(gè)數(shù)不對"});
$("#xueli").formValidator({onshow:"請選擇你的學(xué)歷",onfocus:"學(xué)歷必須選擇",oncorrect:"謝謝你的配合"}).SelectValidator({onerror: "你是不是忘記選擇學(xué)歷了!"});
$("#password1").formValidator({onshow:"請輸入密碼",onfocus:"兩次密碼必須一致哦",oncorrect:"密碼一致"}).InputValidator({min:1,onerror:"密碼不能為空,請確認(rèn)"}).CompareValidator({desID:"password2",operateor:"=",onerror:"2次密碼不一致,請確認(rèn)"});
$("#nl").formValidator({onshow:"請輸入的年齡(1-99歲之間)",onfocus:"只能輸入1-99之間的數(shù)字哦",oncorrect:"恭喜你,你輸對了"}).InputValidator({min:1,max:99,type:"value",onerror:"年齡必須在1-99之間,請確認(rèn)"});
$("#aiguo").formValidator({onshow:"愛國的人一定要選哦",onfocus:"你得認(rèn)真思考哦",oncorrect:"不知道你愛不愛,反正你是選了"}).InputValidator({min:1,max:1,onerror:"難道你不愛國?你給我選!!!!"});
$("#shouji").formValidator({empty:true,onshow:"請輸入你的手機(jī)號碼,可以為空哦",onfocus:"你要是輸入了,必須輸入正確",oncorrect:"謝謝你的合作",onempty:"你真的不想留手機(jī)號碼啊?"}).InputValidator({min:11,max:11,onerror:"手機(jī)號碼必須是11位的,請確認(rèn)"}).RegexValidator({regexp:"^[1][0-9]{10}$",onerror:"你輸入的手機(jī)格式不正確"});
$("#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個(gè)漢字或20個(gè)字符",oncorrect:"恭喜你,你輸對了"}).InputValidator({min:20,onerror:"你輸入的描述長度不正確,請確認(rèn)"});
});
</script>
6、特別說明
如果你在使用過程中碰到什么問題請給我留言,發(fā)現(xiàn)bug請不要自行修改,也請留言,達(dá)到完善插件的目的,真正服務(wù)每個(gè)程序開發(fā)人員 .
請保留插件的版權(quán)申明,謝謝
JavaScript技術(shù):jQuery formValidator表單驗(yàn)證插件開源了 含API幫助、源碼、示例,轉(zhuǎn)載需保留來源!
鄭重聲明:本文版權(quán)歸原作者所有,轉(zhuǎn)載文章僅為傳播更多信息之目的,如作者信息標(biāo)記有誤,請第一時(shí)間聯(lián)系我們修改或刪除,多謝。