javascript - jQuery 验证器功能重写问题

Question

这个问题已经有答案了:

jQuery Validate Plugin - How to create a simple custom rule? (8 个回答)

已关闭 8 年前。

我试图覆盖 jQuery Validator 插件提供的“required”和“minlength”验证器的功能。以下是我的代码:

jQuery(".form-cls").validate({
             errorElement: "span",
             errorClass: "error-msg",
        rules: {
            email:{
                required:true,
                email:true,
                alreadyExistEmail: true
            },
            user_email:{
                required:true,
                email:true
            },
            password:{
                required: function (element) {
                                    return checkIfPasswordIsRequired();
                                },
                                minlength: function (element) {
                                  return passwordLengthCheck(element);  
                                }
                    }
        }
    });

function checkIfPasswordIsRequired()
    {
        if(jQuery("#facebook_id").length > 0 || jQuery("#linkedin_id").length > 0 || jQuery("#xing_id").length > 0) {
            if(jQuery("#facebook_id").val() != "" || jQuery("#linkedin_id").val() != "" || jQuery("#xing_id").val() != "") {
                return false;
            }
        }
        return true;
    }





function passwordLengthCheck(element)
    {
        if(element.value.length < 6)
        {
          return false;
        }
        else
        {
          return true;
        }
    }

现在，密码字段的第一次检查工作正常，属于“必需”，但第二次检查不起作用。如果检查了我的 console.log(element.value.length) ，它会在每次更改/改变值时给出密码字段中值的长度，但根据函数passwordLengthCheck中的条件，它永远不会显示/显示错误。请帮忙!!

Answer 1

要检查字段长度，只需添加 minlength属性为<input>标签，例如

<input id="pw" name="pw" minlength="6" type="password">

要添加一些自定义验证，请使用 addMethod() :

jQuery.validator.addMethod("func", function(value, element) {
  return this.optional(element) || check expression here;
}