jQuery表單驗證插件解析(推薦)
一:插件
(1) Validform_v5.3.1_min.js Validform_Datatype.js
(2)網址:http://validform.rjboy.cn
在這個網站上有demo和插件下載鏈接。
二:普通驗證
(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 擴展以下類型: date:匹配日期 zh:匹配中文字符 dword:匹配雙字節(jié)字符 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" : "請?zhí)顚?到16位任意字符!", "n" : "請?zhí)顚憯底郑?, "n6-16" : "請?zhí)顚?到16位數字!", "s" : "不能輸入特殊字符!", "s6-18" : "請?zhí)顚?到18位字符!", "p" : "請?zhí)顚戉]政編碼!", "m" : "請?zhí)顚懯謾C號碼!", "e" : "郵箱地址格式不對!", "url" : "請?zhí)顚懢W址!", "w1" : "必須輸入字母開頭、可帶數字、下劃線的字符" }, def : "請?zhí)顚懻_信息!", 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為內置的一些正則表達式的引用。*/ 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表單驗證插件解析(推薦),希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對腳本之家網站的支持!
相關文章
jquery easyui dataGrid動態(tài)改變排序字段名的方法
jQuery easyui dataGrid 動態(tài)改變排序字段名,一般情況下,在使用的時候,我們會點擊相應字段進行排序。今天小編以java為例給大家講解問題原因及解決方案,需要的的朋友參考下2017-03-03jQuery EasyUI datagrid在翻頁以后仍能記錄被選中行的實現代碼
這篇文章主要介紹了jQuery EasyUI datagrid在翻頁以后仍能記錄被選中行的實現代碼的相關資料,非常不錯,具有參考借鑒價值,需要的朋友可以參考下2016-08-08html5以及jQuery實現本地圖片上傳前的預覽代碼實例講解
這篇文章主要介紹了html5以及jQuery實現本地圖片上傳前的預覽代碼實例講解,圖文代碼實例講解的很清晰,有感興趣的同學可以研究下2021-03-03jquery插件實現鼠標經過圖片右側顯示大圖的效果(類似淘寶)
分享一個jquery插件:實現類似淘寶上鼠標經過圖片右側顯示大圖的效果,感興趣的朋友可以研究下,或許對你學習jquery有所幫助,千萬不要錯過啊2013-02-02jQuery Selectors(選擇器)的使用(一、基本篇)
本系列文章主要講述jQuery框架的選擇器(Selectors)使用方法,我將以實例方式進行講述,以簡單,全面為基礎,不會涉及很深。2009-12-12