jQuery Validate 自定义校验及ajax校验
浏览数：42 /
时间：2015年06月09日
http://www.w3cschool.cc/jquery/jquery-plugin-validate.html这里文档比较全面!
实践:
复杂的一些校验,如正则校验,可以通过jQuery.validate.addMethod()http://jqueryvalidation.org/jQuery.validator.addMethod
来实现,添加完后,就可以通过jQuery.validate()在rules中添加校验规则
jQuery.validator.addMethod("numOrLetter", function(value, element) {
return this.optional(element) || /^[0-9|A-Z|a-z]+$/.test(value);
}, "请输入数字或字母");
$("#inputForm").validate({
rules : {
//要校验的表单名称
operationCode : {
//自定义的校验规则
numOrLetter:true,
//ajax校验,通过后台服务校验用户所输内容是否已在数据库中存在,后台服务只需要返回true或false即可,boolean类型,String类型都可
remote:{
//这里通过get方式,参数放在Url后,刚开始?后写了operationCode=,请求发送后,url变成?operationCode=&operationCode=value
//所以就去掉了
url:"${ctx}/operation/operation/validateCode?" + $("#operationCode").val(),
type:"GET",
dataType:"json"
//POST方式时,可以通过
//data:{paramName:value,...}传递参数
}
}
},
messages:{
operationCode:{
//这里指定出错信息
remote:"指定的编号已存在"
}
}
});
官网http://jqueryvalidation.org/
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
