Размещение ошибки валидатора jQuery (.rules («добавить»))

Question

У меня есть всплывающее окно jquery, в котором есть список текстовых полей для вставки телефонных номеров. Пользователь может добавить дополнительные текстовые поля, если они хотят. Каждый раз, когда они добавляют текстовое поле, я добавляю jquery обязательный валидатор, например:

$("#phoneNumberTxt" + i).rules("add", {
        required: true,
        messages: {
          required: "Phone number is required."
        }
      });

В строке с текстовым полем есть несколько текстовых полей. Я пытаюсь передать все ошибки в div слева от всех текстовых полей (1 div в строке). Есть ли способ сообщить вышеуказанному валидатору, где отобразить сообщение об ошибке?

Answer 1

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

Это решение:

Мы не можем поместить errorPlacement в метод (.rules («add»)).

$("#formId").validate({
    errorPlacement: function (error, element) {

            $("input[id^=elementId]").each(function(i) {
                if(element.attr('id') == 'elementId'+i) {
                    error.appendTo($("#errElement"+i));
                }
            });
        }
 });

Надеюсь, это поможет другим.