jQuery表單驗(yàn)證插件解析(推薦)
一:插件
(1) Validform_v5.3.1_min.js Validform_Datatype.js
(2)網(wǎng)址:http://validform.rjboy.cn
在這個網(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:多選框最少選擇多少項 max:多選框最多不能超過多少項 byterange:判斷字符長度,中文算兩個字符 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="開始時間不能為空" errormsg="日期格式不正確!" >
在input中加入屬性datatype。nullmsg是為空時的提示語,errormsg是不滿足datatype屬性格式時的提示語。
三:特殊驗(yàn)證
(1)特殊驗(yàn)證指js中提供的方法不能滿足實(shí)際需求時,需要自己寫相應(yīng)的datatype來滿足需求。
比如,結(jié)束時間不小于開始時間:
$(".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)證插件解析(推薦),希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!
相關(guān)文章
jQuery事件_動力節(jié)點(diǎn)Java學(xué)院整理
這篇文章主要為大家詳細(xì)介紹了jQuery事件的相關(guān)資料,具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-07-07
jquery easyui dataGrid動態(tài)改變排序字段名的方法
jQuery easyui dataGrid 動態(tài)改變排序字段名,一般情況下,在使用的時候,我們會點(diǎn)擊相應(yīng)字段進(jìn)行排序。今天小編以java為例給大家講解問題原因及解決方案,需要的的朋友參考下2017-03-03
jQuery EasyUI datagrid在翻頁以后仍能記錄被選中行的實(shí)現(xiàn)代碼
這篇文章主要介紹了jQuery EasyUI datagrid在翻頁以后仍能記錄被選中行的實(shí)現(xiàn)代碼的相關(guān)資料,非常不錯,具有參考借鑒價值,需要的朋友可以參考下2016-08-08
html5以及jQuery實(shí)現(xiàn)本地圖片上傳前的預(yù)覽代碼實(shí)例講解
這篇文章主要介紹了html5以及jQuery實(shí)現(xiàn)本地圖片上傳前的預(yù)覽代碼實(shí)例講解,圖文代碼實(shí)例講解的很清晰,有感興趣的同學(xué)可以研究下2021-03-03
jquery插件實(shí)現(xiàn)鼠標(biāo)經(jīng)過圖片右側(cè)顯示大圖的效果(類似淘寶)
分享一個jquery插件:實(shí)現(xiàn)類似淘寶上鼠標(biāo)經(jīng)過圖片右側(cè)顯示大圖的效果,感興趣的朋友可以研究下,或許對你學(xué)習(xí)jquery有所幫助,千萬不要錯過啊2013-02-02
JQuery實(shí)現(xiàn)動態(tài)操作表格
本文主要分享了jQuery實(shí)現(xiàn)對一個表格動態(tài)的添加行,刪除行,并且對表格中內(nèi)容進(jìn)行非空驗(yàn)證的示例代碼。具有很好的參考價值,下面跟著小編一起來看下吧2017-01-01
jQuery學(xué)習(xí)基礎(chǔ)知識小結(jié)
jQuery學(xué)習(xí)基礎(chǔ)知識小結(jié),剛開始學(xué)習(xí)jquery的朋友可以參考下。2010-11-11
jQuery Selectors(選擇器)的使用(一、基本篇)
本系列文章主要講述jQuery框架的選擇器(Selectors)使用方法,我將以實(shí)例方式進(jìn)行講述,以簡單,全面為基礎(chǔ),不會涉及很深。2009-12-12

