jQuery循環遍歷DIV中的元素

Question

我需要遍歷DIV中的元素。具體來說，DIV是一個包含表單元素的對話框。我想遍歷DIV中的元素以確保填充必需的字段。我知道如果關閉對話框並將其添加回DOM，我可以循環顯示錶單元素，但我不想關閉它直到它被驗證。我可以這樣做，還是必須關閉它，檢查它，然後在出現問題時重新打開它？

Answer 1

首先，你必須循環所有你的領域。

我使用的是：輸入選擇器，但您可以使用任何您想要的。

var invalidFields=[]; 
$(":input").each(function(){ 

    // Check for the required property on the field 
    if($(this).is(":required")){ 

     // Check if there is no value on the field 
     if(!$(this).val()){ 
      invalidFields.push(this); 
     } 
    } 
}); 

然後，只需驗證您的陣列也看看是否有一些領域缺失。

if (invalidFields.length>0){ 
    console.log("Fill the required fields!"); 
} 

我可能已經只使用一個布爾值，而不是一個數組，但你可能會需要遍歷這個數組，所以這個代碼可能對您有用。

注意：您的html字段必須包含必需的屬性。

<input type="text" required>