Проверка jQuery - групповые поля не работают должным образом при группировании нескольких полей

Question

Приведенный ниже код работает, но для DOB он отображает сообщение об ошибке после первого текстового поля (DayOfBirth) вместо третьего (YearOfBirth).

$("form").validate({
rules: {
    DayOfBirth: { required: true },
    MonthOfBirth: { required: true },
    YearOfBirth: { required: true },
    SSN1: { required: true },
    SSN2: { required: true },
    SSN3: { required: true }
},
groups: {
    DateofBirth: "DayOfBirth MonthOfBirth YearOfBirth",
    SSN: "SSN1 SSN2 SSN3"
},
errorPlacement: function(error, element) {
   if (element.attr("name") == "DayOfBirth" || element.attr("name") == "MonthOfBirth" || element.attr("name") == "YearOfBirth") 
    error.insertAfter("#YearOfBirth");
   else 
    error.insertAfter(element);
if (element.attr("name") == "SSN1" || element.attr("name") == "SSN2" || element.attr("name") == "SSN3") 
    error.insertAfter("#SSN3Text");
   else 
    error.insertAfter(element);
}
});

Answer 1

Изменение ...

error.insertAfter("#YearOfBirth");

до ...

form.find(".error").append(error);

и ошибка будет отображаться после YearOfBirth.

В следующий раз, возможно, весь код с HTML или jsFiddle демонстрацией вашей проблемы поможет объяснить ваш вопрос более четко.