在jquery验证和jquery.validate.unobtrusive中追加showError函数

时间:2013-05-03 09:03:02

标签: jquery jquery-validate

我正在使用使用

的第三方工具
  • jquery.validate.min.js
  • jquery.validate.unobtrusive.min.js

当我输入以下显示消息框时。工具验证的自定义验证失败。我认为它也使用“showError”。我很感激这是一个很难回答完整代码库的问题。我的问题是......

是否在showErrors之后发生了一个事件。或者有没有办法扩展到这个功能,而不是覆盖它。

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

2 个答案:

答案 0 :(得分:3)

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

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

请参阅:Display both summary and individual error messages using the jQuery validation plugin

答案 1 :(得分:2)

  

是否在showErrors之后发生了事件。

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

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

  

或者有没有办法扩展到此功能而不是覆盖   它

没有。使用自定义回调函数(重载)是执行此操作的典型方法。

寻找inside the plugin;它会检查您是否声明了自定义回调函数,然后使用您的自定义回调函数而不是默认值...

// 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();
    }