Форма Jquery, неограниченное количество полей и проверка в каждой строке

Question

У меня есть HTML-форма, которая выглядит так:

У меня есть 2 поля: имя и адрес электронной почты, а также 2 кнопки «добавить строку» и «отправить».

Когда я нажимаю кнопку «Добавить строку», она создает новую строку с 2 новыми полями (имя и адрес электронной почты). Я храню имя и адрес электронной почты в массиве: ...

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

Как проверить, что, если 1 поле заполнено, тогда другое поле в той же строке должно быть заполнено в jquery ??

Answer 1

Во-первых, давайте предположим, что ваши строки - это div'ы с class="row", и эти два поля также имеют классы как fname и femail.

Тогда скрипт будет следующим:

function oneFieldIsEmpty() 
{
    $(".row").each(function(){
        if($(this).find(".fname").val().length || $(this).find(".femail").val().length) {
            if(!$(this).find(".fname").val().length || !$(this).find(".femail").val().length) {
                return true;
            }
        }
    });
    return false;
}

Answer 2

Вы можете использовать проверку формы jQuery плагин , поскольку это позволяет создавать правила, которые можно проверять на других селекторах jQuery, чтобы вы могли использовать .nameclass + :input или .emailclass ~ :input