在这种情况下验证字段

validation of fields in this situation

本文关键字：字段 验证 这种情况下      更新时间：2023-09-26
<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>

此代码将按行和列排列名称和电子邮件字段。第一行将包含名称和电子邮件作为一个单元，其他行也是如此。我想将每一行作为一个单元进行验证。假设姓名或电子邮件字段为空，或者电子邮件无效，所以当我从第一行的电子邮件列输入选项卡移动到第二行时，它将显示一个错误。我想不出怎么把一排作为一个单位。感谢

试试这个：(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
}

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

相关文章：