jQueryValidate 个性化

/**
 * 扩展自定义验证规则
 */
jQuery.validator.addMethod("isMobile", function(value, element) {
    var length = value.length;
    var reg = /^1[358]{1}\d{9}$/;
    return this.optional(element) || (length == 11 && reg.test(value));
}, "手机号格式不正确");

jQuery.validator.addMethod("isName", function(value, element) {
    var reg = /^[0-9a-zA-Z]{4,20}$/;
    return this.optional(element) || (reg.test(value));
}, "登录名必须是4-20位的字母和数字");

$("#reg").validate({
    debug: false, //调试模式 false 阻止表单提交
    onkeyup: false, //禁用键盘抬起ajax请求
    ignore: [], //验证隐藏元素

    //自定义错误消息位置
    errorLabelContainer:'ol.reg_error',
    wrapper:'li',

    //自定义错误信息显示数目
    showErrors:function(errorMap,errorList) {

        //在这里改变他的默认提示消息,本人用的是弹窗的形式,只弹出第一条验证未通过的错误消息
        if(errorList.length > 0){
            layer.msg(errorList[0].message,{time:2000})
        }

        //只显示第一条验证未通过的错误消息 文本形式
        if(errorList.length > 0){
            $("#loginError span").empty().text(errorList[0].message);
        }
    },

    //数据提交
    submitHandler:function(form) {
        alert('1')
    },

    
    //错误边框颜色
    highlight:function (element,errorClass) {
        $(element).css('border','1px solid #ebccd1')
    },
    //正确边框颜色
    unhighlight:function (element,errorClass) {
        $(element).css('border','1px solid #d6e9c6')
    },


    rules:{
        account:{
            required:true,
            isaccount:true,

        },
        password:{
            required:true,
            minlength:10
        }
    },
    messages:{
        account:{
            required:'账号不能为空',
        }
    }
});

猜你喜欢

转载自my.oschina.net/u/3483680/blog/1823678