Показать только одно сообщение об ошибке проверки using replaceWith

Question

В настоящее время я работаю с jQuery validation plugin, и хочу показать только одно сообщение об ошибке перед самой формой. Сейчас проверка показывает все ошибки-сообщения поверх друг друга, как они складывают, как вы можете увидеть в моем живом примере:

http://timkjaerlange.com/foobar/stack-stuff/validate-test.html

Это мой текущий JQuery:

$(document).ready(function() { 
    $("form").validate({ 
    rules: { // bunch of rules here, left out to keep it simple }, 
    messages: { // messages goes here }, 
    errorElement: 'div', 
    errorClass: 'error', 
    errorPlacement: function(error, element) { 
     error.insertBefore('form'); // this is what I've got 
    } 
    }); 
}); 

Но я только хочу показать последние сообщения об ошибке, так, чтобы заменить предыдущую ошибку со следующим я хочу сделать что-то вроде этого, вместо:

errorPlacement: function(error, element) { 
     $('div').replaceWith(error); // trying to replace the prev error 
    } 

Кто-нибудь знает, как это сделать? Это лучший способ показать только одно сообщение об ошибке?

Любая помощь очень ценится.

Answer 1

Звучит как жизнеспособное решение, но replaceWith заменит div с ошибкой label и потерпит неудачу на все последующие вызовы, как нет div не найден.

Это должно сделать это

$('div').empty().append(error); 

---

Просто примечание стороны. Это, вероятно, приведет к нежелательному поведению. Просто подумайте, что произойдет, когда, например, 3 поля недействительны. Создаются 3 метки ошибок, и вы помещаете их внутри этого даже (переписывая друг друга). Таким образом, видна только последняя метка. Но что происходит, когда пользователь исправляет указанную ошибку? Ошибка будет отображаться, хотя 2 поля по-прежнему недействительны.

Answer 2

Рассказать об этом как о проблеме презентации и просто скрыть элементы, не связанные с первым элементом, используя CSS;)