2

我正在使用第三方工具

  • jquery.validate.min.js
  • jquery.validate.unobtrusive.min.js

当我输入以下显示消息框时。工具验证上的自定义验证失败。我会假设它也使用“showError”。我很欣赏如果没有完整的代码库，这是一个很难问的问题。我的问题是...

之后是否有事件发生showErrors。或者有没有办法扩展到这个函数而不是覆盖它。

$.validator.setDefaults({
   showErrors: function (errorMap, errorList) {
        $(".messagebox").show();
    }
});
4

2 回答 2

4

您是否尝试保留默认错误显示并添加您自己的？如果是这样，只需添加 this.defaultShowErrors();到您的自定义处理程序。

$.validator.setDefaults({
   showErrors: function (errorMap, errorList) {
        $(".messagebox").show();
        this.defaultShowErrors();
    }
});

请参阅：使用 jQuery 验证插件同时显示摘要和单个错误消息。

于 2013-06-27T14:39:57.420 回答
3

之后是否有事件发生showErrors。

请参阅所有回调函数的文档：

http://docs.jquery.com/Plugins/Validation/validate#toptions

或者有没有办法扩展到这个函数而不是覆盖它。

不，使用您的自定义回调函数（覆盖）是执行此操作的典型方法。

查看插件内部；它会检查您是否声明了自定义回调函数，然后使用您的而不是默认的...

// http://docs.jquery.com/Plugins/Validation/Validator/showErrors
    showErrors: function( errors ) {
        if ( errors ) {
            // add items to error list and map
            $.extend( this.errorMap, errors );
            this.errorList = [];
            for ( var name in errors ) {
                this.errorList.push({
                    message: errors[name],
                    element: this.findByName(name)[0]
                });
            }
            // remove items from success list
            this.successList = $.grep( this.successList, function( element ) {
                return !(element.name in errors);
            });
        }
        if ( this.settings.showErrors ) {
            this.settings.showErrors.call( this, this.errorMap, this.errorList );
        } else {
            this.defaultShowErrors();
        }
    }


    defaultShowErrors: function() {
        var i, elements;
        for ( i = 0; this.errorList[i]; i++ ) {
            var error = this.errorList[i];
            if ( this.settings.highlight ) {
                this.settings.highlight.call( this, error.element, this.settings.errorClass, this.settings.validClass );
            }
            this.showLabel( error.element, error.message );
        }
        if ( this.errorList.length ) {
            this.toShow = this.toShow.add( this.containers );
        }
        if ( this.settings.success ) {
            for ( i = 0; this.successList[i]; i++ ) {
                this.showLabel( this.successList[i] );
            }
        }
        if ( this.settings.unhighlight ) {
            for ( i = 0, elements = this.validElements(); elements[i]; i++ ) {
                this.settings.unhighlight.call( this, elements[i], this.settings.errorClass, this.settings.validClass );
            }
        }
        this.toHide = this.toHide.not( this.toShow );
        this.hideErrors();
        this.addWrapper( this.toShow ).show();
    }
于 2013-05-03T15:20:01.303 回答