這篇文章主要介紹了jQuery表單驗(yàn)證插件解析(推薦)的相關(guān)資料,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下

一：插件

(1) Validform_v5.3.1_min.js　　Validform_Datatype.js

(2)網(wǎng)址：http://validform.rjboy.cn

在這個(gè)網(wǎng)站上有demo和插件下載鏈接。

二：普通驗(yàn)證

（1）Validform_Datatype.js

/*

Validform datatype extension

By sean during December 8, 2012 - February 20, 2013

For more information, please visit http://validform.rjboy.cn

擴(kuò)展以下類型：

date：匹配日期

zh：匹配中文字符

dword：匹配雙字節(jié)字符

money：匹配貨幣類型

ipv4：匹配ipv4地址

ipv6：匹配ipv6地址

num：匹配數(shù)值型

qq：匹配qq號碼

unequal：當(dāng)前值不能等于被檢測的值，如可以用來檢測新密碼不能與舊密碼一樣

notvalued：當(dāng)前值不能包含指定值，如密碼不能包含用戶名等的檢測

min：多選框最少選擇多少項(xiàng)

max：多選框最多不能超過多少項(xiàng)

byterange:判斷字符長度，中文算兩個(gè)字符

numrange：判斷數(shù)值范圍，如小于100大于10之間的數(shù)

daterange：判斷日期范圍

idcard：對身份證號碼進(jìn)行嚴(yán)格驗(yàn)證

*/

（2）Validform v5.3.1　

var tipmsg = {

tit : "提示信息",

w : {

"*" : "不能為空！",

"*6-16" : "請?zhí)顚?到16位任意字符！",

"n" : "請?zhí)顚憯?shù)字！",

"n6-16" : "請?zhí)顚?到16位數(shù)字！",

"s" : "不能輸入特殊字符！",

"s6-18" : "請?zhí)顚?到18位字符！",

"p" : "請?zhí)顚戉]政編碼！",

"m" : "請?zhí)顚懯謾C(jī)號碼！",

"e" : "郵箱地址格式不對！",

"url" : "請?zhí)顚懢W(wǎng)址！",

"w1" : "必須輸入字母開頭、可帶數(shù)字、下劃線的字符"

},

def : "請?zhí)顚懻_信息！",

undef : "datatype未定義！",

reck : "兩次輸入的內(nèi)容不一致！",

r : "通過信息驗(yàn)證！",

c : "正在檢測信息…",

s : "請{填寫|選擇}{0|信息}！",

v : "所填信息沒有經(jīng)過驗(yàn)證，請稍后…",

p : "正在提交數(shù)據(jù)…"

}

（3）使用

<input name="startTime" class="Wdate" onClick="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss'})" style="width: 150px"

value="" datatype="date" nullmsg="開始時(shí)間不能為空" errormsg="日期格式不正確!" >

在input中加入屬性datatype。nullmsg是為空時(shí)的提示語，errormsg是不滿足datatype屬性格式時(shí)的提示語。

三：特殊驗(yàn)證

（1）特殊驗(yàn)證指js中提供的方法不能滿足實(shí)際需求時(shí)，需要自己寫相應(yīng)的datatype來滿足需求。

比如，結(jié)束時(shí)間不小于開始時(shí)間：

$(".registerform").Validform({

datatype:{

"enddate":function(gets,obj,curform,regxp){

/*參數(shù)gets是獲取到的表單元素值，

obj為當(dāng)前表單元素，

curform為當(dāng)前驗(yàn)證的表單，

regxp為內(nèi)置的一些正則表達(dá)式的引用。*/

var reg1=regxp["date"],

startdate=curform.find("[name=startTime]").val(),

enddate=gets;

if(reg1.test(enddate)&&startdate<enddate){return true;}

return false;

}

},

ajaxPost:true

});

以上所述是小編給大家介紹的jQuery表單驗(yàn)證插件解析(推薦)，希望對大家有所幫助