jQuery表單驗證外掛程式解析(推薦)，jquery表單

jQuery表單驗證外掛程式解析(推薦)，jquery表單

一：外掛程式

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

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

　　在這個網站上有demo和外掛程式下載連結。

二：普通驗證

（1）Validform_Datatype.js

/*Validform datatype extensionBy sean during December 8, 2012 - February 20, 2013For more information, please visit http://validform.rjboy.cn擴充以下類型：date：匹配日期zh：匹配中文字元dword：匹配雙位元組字元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" : "請填寫6到16位任一字元！","n" : "請填寫數字！","n6-16" : "請填寫6到16位元字！","s" : "不能輸入特殊字元！","s6-18" : "請填寫6到18位字元！","p" : "請填寫郵遞區號！","m" : "請填寫手機號碼！","e" : "郵箱地址格式不對！","url" : "請填寫網址！","w1" : "必須輸入字母開頭、可帶數字、底線的字元"},def : "請填寫正確資訊！",undef : "datatype未定義！",reck : "兩次輸入的內容不一致！",r : "通過資訊驗證！",c : "正在檢測資訊…",s : "請{填寫|選擇}{0|資訊}！",v : "所填資訊沒有經過驗證，請稍後…",p : "正在提交資料…"}

（3）使用

<input name="startTime" class="Wdate" onClick="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss'})" style="width: 150px"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為內建的一些Regex的引用。*/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表單驗證外掛程式解析(推薦)，希望對大家有所協助，如果大家有任何疑問請給我留言，小編會及時回複大家的。在此也非常感謝大家對幫客之家網站的支援！