Ошибки jquery.validate в определенных промежутках

Question

Я пытаюсь контролировать ошибки jquery.validate.Я хочу показать их в «промежутке», который я создал для каждого из них

, не знаю почему, но мой JS не работает

это мой HTML-код

  <li>
      <label for="name">name</label>
      <span  class="errmsg" for="name"></span> 
      <input type="text" name="name"   />
    </li>
  <li>
      <label for="age">age</label>
      <span  class="errmsg" for="age"></span> 
      <input type="text" name="age"   />
    </li>

это мой код JS

...
success: function(label) {
       label.html(" ").addClass("checked");
    },

        wrapper: "div",  // a wrapper around the error message 

        errorPlacement: function(error, element) { 
                element.parent().next('.errmsg').html(error); 
       } 
});

Answer 1

<span> не в нужном месте для вашего обхода (по отношению к <input> он находится непосредственно перед элементом, поэтому вместо этого:

element.parent().next('.errmsg')

, который ищет следующее<li> с классом errmsg, вам нужно это:

element.closest('li').find('.errmsg')
//or just:
element.prev('.errmsg')
//or 20 other ways...

.closest('li') является наиболее гибким для последующих изменений, .prev('.errmsg') самый быстрый.