這篇文章主要介紹了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號(hào)碼
unequal：當(dāng)前值不能等于被檢測(cè)的值，如可以用來(lái)檢測(cè)新密碼不能與舊密碼一樣
notvalued：當(dāng)前值不能包含指定值，如密碼不能包含用戶名等的檢測(cè)
min：多選框最少選擇多少項(xiàng)
max：多選框最多不能超過(guò)多少項(xiàng)
byterange:判斷字符長(zhǎng)度，中文算兩個(gè)字符
numrange：判斷數(shù)值范圍，如小于100大于10之間的數(shù)
daterange：判斷日期范圍
idcard：對(duì)身份證號(hào)碼進(jìn)行嚴(yán)格驗(yàn)證
*/
（2）Validform v5.3.1
var tipmsg = {
tit : "提示信息",
w : {
"*" : "不能為空！",
"*6-16" : "請(qǐng)?zhí)顚?xiě)6到16位任意字符！",
"n" : "請(qǐng)?zhí)顚?xiě)數(shù)字！",
"n6-16" : "請(qǐng)?zhí)顚?xiě)6到16位數(shù)字！",
"s" : "不能輸入特殊字符！",
"s6-18" : "請(qǐng)?zhí)顚?xiě)6到18位字符！",
"p" : "請(qǐng)?zhí)顚?xiě)郵政編碼！",
"m" : "請(qǐng)?zhí)顚?xiě)手機(jī)號(hào)碼！",
"e" : "郵箱地址格式不對(duì)！",
"url" : "請(qǐng)?zhí)顚?xiě)網(wǎng)址！",
"w1" : "必須輸入字母開(kāi)頭、可帶數(shù)字、下劃線的字符"
},
def : "請(qǐng)?zhí)顚?xiě)正確信息！",
undef : "datatype未定義！",
reck : "兩次輸入的內(nèi)容不一致！",
r : "通過(guò)信息驗(yàn)證！",
c : "正在檢測(cè)信息…",
s : "請(qǐng){填寫(xiě)|選擇}{0|信息}！",
v : "所填信息沒(méi)有經(jīng)過(guò)驗(yàn)證，請(qǐng)稍后…",
p : "正在提交數(shù)據(jù)…"
}
（3）使用
<input name="startTime" onClick="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss'})"
value="" datatype="date" nullmsg="開(kāi)始時(shí)間不能為空" errormsg="日期格式不正確!" >
在input中加入屬性datatype。nullmsg是為空時(shí)的提示語(yǔ)，errormsg是不滿足datatype屬性格式時(shí)的提示語(yǔ)。
三：特殊驗(yàn)證
（1）特殊驗(yàn)證指js中提供的方法不能滿足實(shí)際需求時(shí)，需要自己寫(xiě)相應(yīng)的datatype來(lái)滿足需求。
比如，結(jié)束時(shí)間不小于開(kāi)始時(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)證插件解析(推薦)，希望對(duì)大家有所幫助