前端jquery validate表单验证框架的使用
一.框架本身校验方法的扩展
建议写在页内用于扩展框架本身的一些校验方法,
使用频繁也可以直接在源码上修改
例如扩展手机号码的校验:
/*手机号码验证扩展 最新的号码
mobile: class的表示 放在html class中即可校验
value:u输入的值
element:从this.optional(element)来看 应该是框架本身的校验规则
*/
$.validator.addMethod("mobile", function(value, element) {
var length = value.length;
var tel=/^(((13[0-9]{1})|(14[5|7]{1})|(15([0-3]|[5-9]{1}))|(18[0,5-9]{1}))+\d{8})$/g;
return this.optional(element) || (length == 11 && tel.test(value));
}, "请正确填写您的手机号码");
将mobile 放在input class标识中就可以使用此套扩展的规则校验!
二,远程异步校验(借用菜鸟教程)
remote:URL
使用 ajax 方式进行验证,默认会提交当前验证的值到远程地址,如果需要提交其他的值,可以使用 data 选项。
remote: {
url: "check/email", //后台处理程序
type: "post", //数据发送方式
dataType: "json", //接受数据格式
data: { //要传递的数据
username: function() {
return $("#username").val();
}
}
}
参数多的时候 直接在data中加
data:{
username: function() {return $("#username").val();},
userphone: function() {return '${user.userphone}';}//使用el表达式
}