jquery-validate - Jquery 验证：从自定义验证方法调用 equalTo 方法

Question

我想要一种验证方法，它将检查两个字段是否相等，然后隐藏其中一个。目前我使用 equalTo 检查它们是否相等。所以我计划添加一个验证方法，它委托给 equalTo 并根据结果隐藏该字段。

我遇到的问题是我无法弄清楚如何在验证器的正确实例上调用 equalTo。当我调用它时，我总是在 equalTo 中看到一个错误，“this.settings is not defined”。这等于

 // http://docs.jquery.com/Plugins/Validation/Methods/equalTo
        equalTo: function( value, element, param ) {
            // bind to the blur event of the target in order to revalidate whenever the target field is updated
            // TODO find a way to bind the event just once, avoiding the unbind-rebind overhead
            var target = $(param);
//error here   
            if ( this.settings.onfocusout ) {
                    target.unbind(".validate-equalTo").bind("blur.validate-equalTo", function() {
                        $(element).valid();
                    });
                }
                return value === target.val();
        },

这是我的代码。

// validate form
$.validator.addMethod("equalToAndHide", function(value, element, param) {
   //this does not work
   var result = $.validator.methods.equalTo.call(value, element, param);
   if(result === true){
        $(element).hide();
   }
   return result; 
 }, $.validator.format("Values must be equal_???"));

 $('form').validate({
                        rules : {

                        confirmEmail : {
                            equalToAndHide : utils.byId("alternateEmail")
                        }
                    },
                    submitHandler : function(form) {
                        accordionAjax.post($(form));
                    }
                });

如果可能的话，我宁愿保留equalTo，而不是覆盖它并修改对this.settings的调用。

Answer 1

您无需equalTo在自定义方法中调用原始函数……只需使用原始函数作为基础编写一个全新的函数。

这是默认equalTo功能...

function( value, element, param ) {
    var target = $(param);
    if ( this.settings.onfocusout ) {
        target.unbind(".validate-equalTo").bind("blur.validate-equalTo", function() {
            $(element).valid();
        });
    }
    return value === target.val();
}

将其放入您的自定义方法中并对其进行调整以适应您的需求......

$.validator.addMethod("equalToAndHide", function(value, element, param) {
        var target = $(param);
        if ( this.settings.onfocusout ) {
            target.unbind(".validate-equalTo").bind("blur.validate-equalTo", function() {
                $(element).valid();
            });
        }
        return value === target.val();
        $('#whatever').hide();
}, $.validator.format("Values must be equal_???"));