jquery验证插件不会再次显示错误

Question

我正在使用 jquery 验证插件进行表单验证。问题是，当我在验证中使用 errorPlacement 和 success 选项时，如果我评论 errorPlacement 和 success 并再次运行脚本就可以正常工作了。

$('#registrationForm').validate({
    rules : {},
    messages : {},
    errorPlacement: function(error, element) {
    var container = $('<div />');
    container.addClass('Ntooltip');  // add a class to the wrapper
    error.insertAfter(element);
    error.wrap(container);
    $("<div class='errorImage'></div>").insertAfter(error);
    },

    success: function(element) {
        $(element).addClass("checked");
    }
});

但是，如果我在验证脚本中使用 errorPlacement 和 success，然后提交我的表单，它会立即正常工作，所有错误都会显示出来，之后如果我插入有效输入然后我的错误隐藏并显示这是一个有效输入。 问题：插入有效输入后，我再次将有效输入更改为无效，它不再显示错误

Answer 1

我在这篇文章jquery validation errorPlacement issue when adding tooltip style error message 中找到了我的答案，我没有找到那个时间，所以我发布了我的问题。

showErrors: function (errorMap, errorList) {
            for (var i = 0; errorList[i]; i++) {
                var element = this.errorList[i].element;
                this.errorsFor(element).remove();
            }
            this.defaultShowErrors();
        }

Answer 2

尝试设置debug mode 以查看内部发生的情况...

$('#registrationForm').validate({
    debug: true,
    rules : {},
    messages : {},
    errorPlacement: function(error, element) {
    var container = $('<div />');
    container.addClass('Ntooltip');  // add a class to the wrapper
    error.insertAfter(element);
    error.wrap(container);
    $("<div class='errorImage'></div>").insertAfter(error);
    },

    success: function(element) {
        $(element).addClass("checked");
    }
});