驗證字段在這種情況下

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> 

此代碼將按行和列排列名稱和電子郵件字段。第一行將包含名稱和電子郵件作爲一個單位，其他行相同。 我想驗證每一行爲單位。假設姓名或電子郵件字段爲空或電子郵件無效，因此當我從第一行的電子郵件列中移動到第二行時，將顯示錯誤。 我無法弄清楚以何種方式排隊。由於

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 
} 

你可以把這個功能。可以通過表單提交或點擊按鈕來調用。