表单验证

今天在幕客网学习了下表单验证的控件，validate 地址 https://jqueryvalidation.org/ ，然后菜鸟上也有一些简单的介绍 点击打开链接，写了些简单的实现

jQuery.validator.addMethod("af",function(value,element,params){
    if(value.length>1){
        return false;
    }
    if(value>=params[0] && value<=params[1]){
        return true;
    }else{
        return false;
    }
},"必须是一个字母,且a-f");

$("#commentForm").validate({
    rules:{
        userName:{
            required:true,
            af:["a","f"],
            remote:{  //远端校验还是有点问题
                url:"check-email.php",
                type:"post",
                data:{
                    userName:function () {
                        return $("#username").val();
                    }
                }
            }
        },
        password:{
            required:true,
            minlength: 6
        }
    },
    messages:{
        userName: {
            required: ""
        },
        password: {
            required: "",
            minlength: "密码至少6位"
        }
    },
    debug:true,
    errorClass:"wrong",
    validClass:"valid",
    success: "test",//针对元素，就是那个label
    focusInvalid:true,
    submitHandler:function () { // 验证成功的处理
        console.log("hi")

    },
    invalidHandler:function (event,validator) { //验证失败的处理

        console.log(event);
        console.log("错误数"+validator.numberOfInvalids())
        
    },
    showErrors:function (errorMap,errorList) {
        this.defaultShowErrors();
    },
    highlight:function (element,errorClass,validClass) {  //给input加效果

        $(element).addClass(errorClass).removeClass(validClass)
        
    },
    unhighlight:function (element,errorClass,validClass) { //正确的时候
        $(element).addClass(validClass).removeClass(errorClass)
    }