首页技术正文

前端jquery validate表单验证框架的使用

程序员爱巧技术 2022年11月14日

0 收藏 654 点赞 5,074 浏览 799 个字

一.框架本身校验方法的扩展

　　建议写在页内用于扩展框架本身的一些校验方法，

　　使用频繁也可以直接在源码上修改

　　例如扩展手机号码的校验:

/*手机号码验证扩展最新的号码

　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表达式

}