перечисление всех сообщений об ошибках в одном контейнере с проверкой jquery

Question

Я хочу, чтобы сообщения проверки добавлялись в контейнер над моей формой в списке, а не рядом с полем.То, что у меня есть, работает по большей части.Когда пользователь вводит недопустимую информацию в поля, сообщения проверки добавляются в контейнер в списке.Проблема в том, что если пользователь переходит к полю и вводит правильные данные, весь список ошибок скрыт и не возвращается, пока вы не нажмете поле, в котором есть ошибка.Мне нужно, чтобы список ошибок оставался отображаемым, и когда пользователь исправляет поля, соответствующие сообщения исчезают.

Вот как я настраиваю свой .validate

$("#myform").validate( {
    onSubmit : false,
    errorContainer : '#message',
    errorLabelContainer : '#message',
    errorElement : "li",
});

И затем, соответственно, у меня естьUL над моей формой с идентификатором "error"

Как мне сделать эту работу?

Answer 1

Вы можете создать свой собственный массив ошибок с помощью функции errorList плагина

 var summary = "";    
    jQuery.each(errorList, function() { summary += this.message + '<br />' +"\n"; });

С помощью

.html(summary)

вы можете добавить ошибки в скрытый контейнер ошибок: вотсоответствующая часть кода из недавнего проекта:

$("#commentForm").validate({
            showErrors: function(errorMap, errorList) {
                if (submitted) {
                    var summary = "";
                    jQuery.each(errorList, function() { summary += this.message + '<br />' +"\n"; });
                    var errorContainer = jQuery('#myErrorContainer');
                    errorContainer.fadeIn().html(summary);
                    submitted = false;
                }
            },