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

Question

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

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

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

Можно ли использовать errorPlacement, чтобы поместить ошибку в несколько мест?

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

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

Answer 1

Попробуйте How to display jQuery Validation error container only on submit

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

Мой код:

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