驗證一組相關選項中的每個字段是否已填寫？

Question

我發現的大多數例子都適用於表單。請看例子小提琴

http://jsfiddle.net/pepefloyd/DL53N/2/

我想顯示該按鈕只有當所有的字段在任一領域的小組已經填寫。

謝謝。

Answer 1

如果我正確地理解了你，你想檢查你的所有字段（輸入，選擇）是否包含一個值，如果是的話，前進... 你不依賴於表單（儘管它在語義上更多正確）。

你可以做這樣的事情：

submitapproval = function() 
{ 
    var allFilled = true; 

    // iterate through all your fields and check if they do have a value set. 
    $("input, select").each(function(i,el) { 
     var $el = $(el); 
     // if any field has no value, allFilled turns to false. 
     allFilled = allFilled && ($el.val() !== ""); 
    });    

    if (allFilled) 
    { 
     // your code... 
    } 
} 

你應該考慮，如果你想檢查，如果用戶設置它不是一個字段設置爲默認值（如您的#depends1）。