Jquery 表单，nnlimited 字段和每行验证

Question

我有一个 html 表单，它是这样的:

我有 2 个字段，姓名和电子邮件，以及 2 个按钮，“添加行”和“提交”。

当我单击“添加行”按钮时，它将创建一个包含 2 个新字段(姓名和电子邮件)的新行。我将姓名和电子邮件存储在数组中:...

因此，用户可以添加无限行。我想进行验证，如果用户在同一行中填写姓名或电子邮件，我希望用户填写另一个字段，以便每一行都填写“姓名”和“电子邮件”。

如何在 jquery 中验证，如果字段的 1 被填充，那么同一行的另一个字段必须被填充？？

Answer 1

首先，假设您的行是带有 class="row" 的 div，并且这两个字段也有类 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;
}