validate使用小技巧

1.使用方法

$("form").validate({
    rules:{
        email: {               //input的name属性值
            required: true,
            email: true
        }
    },
    messages:{
        email:{
            required: "email是必填项",
            email: "email格式错误"
        }
    }
})

2.更改错误提示位置

$("form").validate({
    errorPlacement: function(error,element){      // 注意参数是 jQuery对象
        //error.appendTo(element.parent());       默认位置
        $("#id").append(error);                 自定义位置
    }
})

注意：定义在规则的上面

3.自定义错误

validator.addMethod(name,method,message);

/************** 定义规则 *****************/
validator.addMethod("tel",function(value,element){         // DOM对象
    var reg=/^1[3578]\d{9}$/;
    return reg.test(value);                                                      //格式匹配返回true;
},"手机号格式错误");
/************** 使用规则 *****************/
$("form").validate({
    rules:{
        tel:{
            required: true,
            tel: true
        }
    }
})

注意：先定义再使用

4.正确后的提示、错误后提示之间的切换

sueecss: calback

$("form").volidate({
    success: function(error,element){    // jQuery对象
        ...        //DOM操作(比如在后面添加一张提示成功的图片);
        /*
            $(element).nextAll("span").removeClass().addClass("glyphicon glyphicon-ok");
        */
    },
    showErrors: function(errorMap,errorList){   //errorList 所有的错误对象集合   DOM对象
        ... //DOM操作 比如
        /*$.each(errorList,function(i,n){
            $(errorList[i].element).nextAll("span").removeClass().addClass("glyphicon glyphicon-warning-sign");
        })*/
    }
})

注意：先定义，后使用！