Div проверки правильности Jquery, содержащий все сообщения плюс текст / изображение рядом с ошибочным вводом

Question

Как мне (с помощью проверки jquery) поместить все сообщения в тег div, но оставить ошибки рядом с полем ввода?

В настоящий момент я, кажется, могу иметь только одно или другое.

Для ошибок тега Div я использовал errorLabelContainer: но если также попытаться использовать errorPlacement: для помещения сообщения / изображения рядом с полем ввода ничего не происходит.

Можно ли использовать errorPlacement для размещения ошибки более чем в одном месте?

для примера посмотрите на https://www.which.co.uk/login, просто отправьте форму. Вы получаете ошибки в верхней части страницы, а также ошибки рядом с обязательным полем. Насколько я могу видеть оттуда, они переписали валидатор.

С уважением, Пит

Answer 1

Попробуйте Как отобразить контейнер ошибки проверки jQuery только при отправке

Это сработало для меня.

Мой код:

errorElement: "div",
errorContainer: container,
errorClass: "errorInValid",
errorPlacement: function (error, element) {
    var errorClone = error.clone();
    $("#ErrorStrip").append(errorClone);
    error.insertAfter(element).bind("hide", function () {
        errorClone.hide();
    });
},