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è)的值,如可以用來(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" class="Wdate" onClick="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss'})" style="width: 150px" 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ì)大家有所幫助,如果大家有任何疑問(wèn)請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持!
相關(guān)文章
jQuery事件_動(dòng)力節(jié)點(diǎn)Java學(xué)院整理
這篇文章主要為大家詳細(xì)介紹了jQuery事件的相關(guān)資料,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-07-07jquery easyui dataGrid動(dòng)態(tài)改變排序字段名的方法
jQuery easyui dataGrid 動(dòng)態(tài)改變排序字段名,一般情況下,在使用的時(shí)候,我們會(huì)點(diǎn)擊相應(yīng)字段進(jìn)行排序。今天小編以java為例給大家講解問(wèn)題原因及解決方案,需要的的朋友參考下2017-03-03jQuery EasyUI datagrid在翻頁(yè)以后仍能記錄被選中行的實(shí)現(xiàn)代碼
這篇文章主要介紹了jQuery EasyUI datagrid在翻頁(yè)以后仍能記錄被選中行的實(shí)現(xiàn)代碼的相關(guān)資料,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下2016-08-08html5以及jQuery實(shí)現(xiàn)本地圖片上傳前的預(yù)覽代碼實(shí)例講解
這篇文章主要介紹了html5以及jQuery實(shí)現(xiàn)本地圖片上傳前的預(yù)覽代碼實(shí)例講解,圖文代碼實(shí)例講解的很清晰,有感興趣的同學(xué)可以研究下2021-03-03jquery插件實(shí)現(xiàn)鼠標(biāo)經(jīng)過(guò)圖片右側(cè)顯示大圖的效果(類似淘寶)
分享一個(gè)jquery插件:實(shí)現(xiàn)類似淘寶上鼠標(biāo)經(jīng)過(guò)圖片右側(cè)顯示大圖的效果,感興趣的朋友可以研究下,或許對(duì)你學(xué)習(xí)jquery有所幫助,千萬(wàn)不要錯(cuò)過(guò)啊2013-02-02JQuery實(shí)現(xiàn)動(dòng)態(tài)操作表格
本文主要分享了jQuery實(shí)現(xiàn)對(duì)一個(gè)表格動(dòng)態(tài)的添加行,刪除行,并且對(duì)表格中內(nèi)容進(jìn)行非空驗(yàn)證的示例代碼。具有很好的參考價(jià)值,下面跟著小編一起來(lái)看下吧2017-01-01jQuery學(xué)習(xí)基礎(chǔ)知識(shí)小結(jié)
jQuery學(xué)習(xí)基礎(chǔ)知識(shí)小結(jié),剛開(kāi)始學(xué)習(xí)jquery的朋友可以參考下。2010-11-11jQuery Selectors(選擇器)的使用(一、基本篇)
本系列文章主要講述jQuery框架的選擇器(Selectors)使用方法,我將以實(shí)例方式進(jìn)行講述,以簡(jiǎn)單,全面為基礎(chǔ),不會(huì)涉及很深。2009-12-12