JQuery表单验证插件EasyValidator,超级简单易用!
本插件的宗旨是：用戶無(wú)需寫一行JS驗(yàn)證代碼，只需在要驗(yàn)證的表單中加入相應(yīng)的驗(yàn)證屬性即可，讓驗(yàn)證功能易維護(hù)，可擴(kuò)展，更容易上手。
DEMO中已經(jīng)包含了常用的正則表達(dá)式，可以直接復(fù)用，為了考慮擴(kuò)展性，所以針對(duì)不同用戶特殊需求，自行寫正則吧。
?
EasyValidator實(shí)現(xiàn)的功能：
?
1.提示功能（在表單或者其他標(biāo)簽中加入tip="想提示的文字"）
?? ? 如：
?? ?<input name="name" tip="請(qǐng)輸入你的名字喲~">
?? ?或者
?? ?<a href="http://wangking717.iteye.com/blog/769021" tip="到EasyValidator官方主頁(yè)來(lái)" target="_blank">有疑惑可以到這里提問(wèn)</a>
2. 普通表單驗(yàn)證（在表單中加入reg="正則表達(dá)式"）
??? 如： <input name="username" reg="正則" />
??? 普通表單驗(yàn)證DEMO：http://easyvalidator.googlecode.com/svn/trunk/index.html
3. AJAX表單驗(yàn)證（在表單中加入url="驗(yàn)證系統(tǒng)地址"）
??? 如： <input name="username" url="地址" />
??? AJAX驗(yàn)證DEMO：沒(méi)有在線演示，請(qǐng)?jiān)诒镜剡\(yùn)行ajax_demo.html，請(qǐng)求遠(yuǎn)程的PHP文件，當(dāng)然可以為JSP或者ASP，我這里在程序里預(yù)設(shè)了一些已存在的數(shù)據(jù)，用戶可以自行參考。
4. 普通表單驗(yàn)證 +? AJAX表單驗(yàn)證 （普通驗(yàn)證通過(guò)以后，再進(jìn)行AJAX驗(yàn)證）
??? 如： <input name="username" reg="正則" url="地址" />
5. 擴(kuò)展函數(shù)表單驗(yàn)證（某些業(yè)務(wù)特殊需求）：
??? 這些特殊需求都是根據(jù)業(yè)務(wù)來(lái)的，這里列舉一下這樣的情況：
??? 1.checkbox選擇框數(shù)量驗(yàn)證，如限制別人至少選擇1個(gè)，最多選擇5個(gè)checkbox。
??? 2.多個(gè)表單之間進(jìn)行比較，如【開(kāi)始時(shí)間表單】一定小于等于【結(jié)束時(shí)間表單】或者兩個(gè)密碼表單要相等，用于注冊(cè)的時(shí)候，等等。
由于這種情況的特殊性，所以用戶得自己寫業(yè)務(wù)邏輯代碼，官方已經(jīng)提供了extendsValidate擴(kuò)展函數(shù)，在里面寫自己的邏輯代碼即可。
擴(kuò)展函數(shù)表單驗(yàn)證DEMO：http://easyvalidator.googlecode.com/svn/trunk/extends_demo.html
BUG修復(fù)日志：
2010-9-24 : 修復(fù)同一頁(yè)多個(gè)FORM提交BUG ，TIP錯(cuò)位BUG
2010-9-26 : 新增bgiframe插件, 修復(fù)IE6下TIP 遮罩不了 SELECT表單
2010-9-27 : 增加擴(kuò)展API，并重構(gòu)核心庫(kù)
2011-1-1 ? : 將表單驗(yàn)證的TIP獨(dú)立出來(lái)，讓TIP,URL,REG成為單獨(dú)的組建而存在，更加靈活！
2011-1-28 : 修改了AJAX的TIP糾錯(cuò)BUG，邏輯修改，并且將AJAX的請(qǐng)求的遠(yuǎn)程程序validate_user.php的編碼設(shè)置GB2312。
?
最新下載地址：http://code.google.com/p/easyvalidator/downloads/list
?
在線正則驗(yàn)證器：http://regexpal.com/
總結(jié)
以上是生活随笔為你收集整理的JQuery表单验证插件EasyValidator,超级简单易用!的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇： 使用 IntraWeb (15) - 基
- 下一篇： hwclock