本文實(shí)例講述了JQuery表單驗(yàn)證插件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="想提示的文字"）

如：

或者

2. 普通表單驗(yàn)證（在表單中加入reg="正則表達(dá)式"）
如：

3. AJAX表單驗(yàn)證（在表單中加入url="驗(yàn)證系統(tǒng)地址"）
如：

4. 普通表單驗(yàn)證 +  AJAX表單驗(yàn)證 （普通驗(yàn)證通過(guò)以后，再進(jìn)行AJAX驗(yàn)證）
如：

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

或者點(diǎn)擊此處本站下載。http://www.dbjr.com.cn/jiaoben/32303.html

在線正則驗(yàn)證器：http://regexpal.com/

希望本文所述對(duì)大家的web程序設(shè)計(jì)有所幫助。

最新評(píng)論