jQuery表單驗(yàn)證插件解析(推薦)
一:插件
(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è)的值,如可以用來檢測(cè)新密碼不能與舊密碼一樣 notvalued:當(dāng)前值不能包含指定值,如密碼不能包含用戶名等的檢測(cè) min:多選框最少選擇多少項(xiàng) max:多選框最多不能超過多少項(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í)顚?到16位任意字符!",
"n" : "請(qǐng)?zhí)顚憯?shù)字!",
"n6-16" : "請(qǐng)?zhí)顚?到16位數(shù)字!",
"s" : "不能輸入特殊字符!",
"s6-18" : "請(qǐng)?zhí)顚?到18位字符!",
"p" : "請(qǐng)?zhí)顚戉]政編碼!",
"m" : "請(qǐng)?zhí)顚懯謾C(jī)號(hào)碼!",
"e" : "郵箱地址格式不對(duì)!",
"url" : "請(qǐng)?zhí)顚懢W(wǎng)址!",
"w1" : "必須輸入字母開頭、可帶數(shù)字、下劃線的字符"
},
def : "請(qǐng)?zhí)顚懻_信息!",
undef : "datatype未定義!",
reck : "兩次輸入的內(nèi)容不一致!",
r : "通過信息驗(yàn)證!",
c : "正在檢測(cè)信息…",
s : "請(qǐng){填寫|選擇}{0|信息}!",
v : "所填信息沒有經(jīng)過驗(yàn)證,請(qǐng)稍后…",
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)證插件解析(推薦),希望對(duì)大家有所幫助,如果大家有任何疑問請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持!
相關(guān)文章
jQuery實(shí)現(xiàn)仿Alipay支付寶首頁(yè)全屏焦點(diǎn)圖切換特效
這篇文章主要介紹了jQuery實(shí)現(xiàn)仿Alipay支付寶首頁(yè)全屏焦點(diǎn)圖切換特效,涉及jQuery插件jquery.kinMaxShow的相關(guān)使用技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-05-05
jqueryMobile 動(dòng)態(tài)添加元素,展示刷新視圖的實(shí)現(xiàn)方法
下面小編就為大家?guī)硪黄猨queryMobile 動(dòng)態(tài)添加元素,展示刷新視圖的實(shí)現(xiàn)方法。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-05-05
jQuery實(shí)現(xiàn)帶展開動(dòng)畫的導(dǎo)航欄效果
這篇文章主要為大家詳細(xì)介紹了jQuery實(shí)現(xiàn)帶展開動(dòng)畫的導(dǎo)航欄效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2021-07-07
基于jQuery實(shí)現(xiàn)無縫輪播與左右點(diǎn)擊效果
在網(wǎng)頁(yè)中我們經(jīng)常會(huì)用到無縫輪播左右循環(huán)效果,今天腳本之家小編給大家?guī)砹嘶趈Query實(shí)現(xiàn)無縫輪播與左右點(diǎn)擊效果 ,感興趣的朋友參考下吧2018-05-05
推薦40個(gè)簡(jiǎn)單的 jQuery 導(dǎo)航插件和教程(下篇)
在下面的集合中,你會(huì)發(fā)現(xiàn)很多便利的 jQuery 導(dǎo)航插件和有用的教程,幫助你實(shí)現(xiàn)充滿吸引力的網(wǎng)站導(dǎo)航,讓你網(wǎng)站更有組織性和交互性2012-09-09
3種不同的ContextMenu右鍵菜單實(shí)現(xiàn)代碼
本文給大家分享3種不同的ContextMenu右鍵菜單實(shí)現(xiàn)代碼的相關(guān)資料,非常不錯(cuò),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2016-11-11
基于JQuery實(shí)現(xiàn)仿網(wǎng)易郵箱全屏動(dòng)感滾動(dòng)插件fullPage
網(wǎng)易郵箱專題頁(yè)的效果相信很多朋友都看過,也許有很多朋友想著把自己的網(wǎng)站做成那樣動(dòng)感美妙的全屏滾動(dòng)效果,但苦于技術(shù)有限,只能望而生嘆。此刻您有福了,這款基于jquery的fullpage就可以輕松的幫你實(shí)現(xiàn)動(dòng)感美妙的全屏滾動(dòng)效果,需要的可以參考下2015-09-09

