這篇文章主要介紹了jQuery表單驗證插件解析(推薦)的相關資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下
一：插件
(1) Validform_v5.3.1_min.js Validform_Datatype.js
(2)網址：http://validform.rjboy.cn
在這個網站上有demo和插件下載鏈接。
二：普通驗證
（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
擴展以下類型：
date：匹配日期
zh：匹配中文字符
dword：匹配雙字節(jié)字符
money：匹配貨幣類型
ipv4：匹配ipv4地址
ipv6：匹配ipv6地址
num：匹配數值型
qq：匹配qq號碼
unequal：當前值不能等于被檢測的值，如可以用來檢測新密碼不能與舊密碼一樣
notvalued：當前值不能包含指定值，如密碼不能包含用戶名等的檢測
min：多選框最少選擇多少項
max：多選框最多不能超過多少項
byterange:判斷字符長度，中文算兩個字符
numrange：判斷數值范圍，如小于100大于10之間的數
daterange：判斷日期范圍
idcard：對身份證號碼進行嚴格驗證
*/
（2）Validform v5.3.1
var tipmsg = {
tit : "提示信息",
w : {
"*" : "不能為空！",
"*6-16" : "請?zhí)顚?到16位任意字符！",
"n" : "請?zhí)顚憯底郑?,
"n6-16" : "請?zhí)顚?到16位數字！",
"s" : "不能輸入特殊字符！",
"s6-18" : "請?zhí)顚?到18位字符！",
"p" : "請?zhí)顚戉]政編碼！",
"m" : "請?zhí)顚懯謾C號碼！",
"e" : "郵箱地址格式不對！",
"url" : "請?zhí)顚懢W址！",
"w1" : "必須輸入字母開頭、可帶數字、下劃線的字符"
},
def : "請?zhí)顚懻_信息！",
undef : "datatype未定義！",
reck : "兩次輸入的內容不一致！",
r : "通過信息驗證！",
c : "正在檢測信息…",
s : "請{填寫|選擇}{0|信息}！",
v : "所填信息沒有經過驗證，請稍后…",
p : "正在提交數據…"
}
（3）使用
<input name="startTime" onClick="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss'})"
value="" datatype="date" nullmsg="開始時間不能為空" errormsg="日期格式不正確!" >
在input中加入屬性datatype。nullmsg是為空時的提示語，errormsg是不滿足datatype屬性格式時的提示語。
三：特殊驗證
（1）特殊驗證指js中提供的方法不能滿足實際需求時，需要自己寫相應的datatype來滿足需求。
比如，結束時間不小于開始時間：
$(".registerform").Validform({
datatype:{
"enddate":function(gets,obj,curform,regxp){
/*參數gets是獲取到的表單元素值，
obj為當前表單元素，
curform為當前驗證的表單，
regxp為內置的一些正則表達式的引用。*/
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表單驗證插件解析(推薦)，希望對大家有所幫助