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