Упрощение упрощения jQuery

Question

Я бы хотел использовать обмен сообщениями об ошибках, но не нужно записывать сообщения для каждой формы, на этом сайте более 20. Формы все имеют такую ​​структуру:

<li> 
     <label for="firstName">First Name*</label> 
     <input name="firstName" id="firstName" type="text"> 
    </li> 

    <li> 
     <label for="lastName">Last Name*</label> 
     <input name="lastName" id="lastName" type="text"> 
    </li> 

У меня есть следующие правила проверки:

$.validator.messages.required = function (param, input) { 
    msg = $("input").prev("label").eq(0).text(); 
    return 'Please fill out the ' + msg + ' required field.'; 
} 

Это вставляет текст из наклейки первого поля ошибки для каждой ошибки. До этого он создал строку с меткой каждого поля ошибки для каждой ошибки «Пожалуйста, заполните поле« Имя »,« Фамилия »(и т. Д.)».

Как получить предыдущую метку для каждого класса ошибки и использовать этот текст? Я не могу получить .each(), чтобы работать здесь. Спасибо.

Вот это fiddle.

Answer 1

Изменить селектор из $("input") в $(input) первый из них является селектор для всех элементов <input> ... последний селектор, используя input аргумент функции что г e представляет токен , текущий валидный элемент.

msg = $(input).prev("label").text(); 

DEMO: http://jsfiddle.net/n2cL6u7j/1/

ПРИМЕЧАНИЕ: Удалите click обработчик и заменить его на обработчик событий DOM готов. Метод .validate() используется только для инициализации плагина, поэтому его нужно только один раз вызвать на DOM. В противном случае он получает имя после, когда форма загружается на страницу. В jsFiddle вы вызываете .validate() каждый раз, когда нажата кнопка отправки формы, и это не имеет смысла.

---

---

Оригинал Ответ:(есть некоторые проблемы)

Просто используйте опцию errorPlacement манипулировать сообщение для required следующего правила ...

errorPlacement: function (error, element) { 
    if (error.text() === "required") { // <- only when the 'required' rule is used 
     lbl = $(element).prev('label').text(); 
     error.text('Please fill out the ' + lbl + ' required field.'); 
    } 
    error.insertAfter(element); // <- default placement 
}, 

Поскольку мое условие смотрит на «обязательное» сообщение дляПравило, я изменил это сообщение по всему миру. Это было сделано только для упрощения моего условного, и вы могли бы полностью пропустить это.

$.validator.messages.required = function (param, input) { 
    return 'required'; 
} 

DEMO: http://jsfiddle.net/jhdo83f8/

Answer 2

Попробуйте это :.

$("input").each(function(i,op) 
{ 
    alert($(this).prev("label").text());  
});