Question

<div id="default-box">
    <span class="add"><input type="text" class="name" /><input type="text"  class="email"/></span>
    <span class="add"><input type="text" class="name" /><input type="text"  class="email"/></span>
    <span class="add"><input type="text" class="name" /><input type="text"  class="email"/></span>

</div>

此代码将在行和列中排列名称和电子邮件字段。第一行将包含名称和电子邮件作为一个单元，其他行包含相同的名称。我想将每行验证为单位。假设名称或电子邮件字段为空或电子邮件无效，因此当我从第1行的电子邮件列中输入选项卡以移至第二行时，将显示错误。我无法弄清楚如何作为一个单位抓住一排。感谢

Answer 1

试试这个：(JQuery)

var allCorrect = true;
$('span.add').each(function(index){
    var name = $(this).children('input.name').val();
    var email = $(this).children('input.email').val();
    //VALIDATE name AND email HERE
    if (/*not-valid boolean here*/)
    {
        $(this).css("border", "1px solid red"); // Set red-border for wrong row 
        allCorrect = false;
    }
});
if(allCorrect)
{
    //DO SOMETHING ABOUT IT
}

你可以将它放在一个函数中。可以在表单提交或点击按钮时调用。

在这种情况下验证字段

1 个答案: