jQuery表单验证插件解析(推荐)
一：插件
(1)Validform_v5.3.1_min.jsValidform_Datatype.js
(2)网址：http://validform.rjboy.cn
在这个网站上有demo和插件下载链接。
二：普通验证
（1）Validform_Datatype.js
/* Validformdatatypeextension ByseanduringDecember8,2012-February20,2013 Formoreinformation,pleasevisithttp://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）Validformv5.3.1
vartipmsg={
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）使用
<inputname="startTime"class="Wdate"onClick="WdatePicker({dateFmt:'yyyy-MM-ddHH: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为内置的一些正则表达式的引用。*/
varreg1=regxp["date"],
startdate=curform.find("[name=startTime]").val(),
enddate=gets;
if(reg1.test(enddate)&&startdate<enddate){returntrue;}
returnfalse;
}
},
ajaxPost:true
});
以上所述是小编给大家介绍的jQuery表单验证插件解析(推荐)，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对毛票票网站的支持！