檢查所有輸入字段已填寫與jQuery

Question

我有3個divs，每個輸入域和下一個按鈕都有。 我想編寫一個jQuery代碼片段，當單擊下一個按鈕時，它將檢查以確保與按鈕相同的div內的所有輸入字段都不爲null。

我已經試過，沒有運氣但是我100％肯定它的錯，只是我不能在網上找到相關信息如下...

http://jsfiddle.net/xG2KS/1/

Answer 1

你可以使用filter減少該組中的所有元素input只有那些空的，並檢查剩下的length屬性：

$(".next").click(function() { 
    var empty = $(this).parent().find("input").filter(function() { 
     return this.value === ""; 
    }); 
    if(empty.length) { 
     //At least one input is empty 
    } 
}); 

請注意，上面代碼中的空白定義是一個空字符串。如果您想將空白處理爲空，則可能需要在比較之前修剪該值。

另請注意，不需要將this傳遞給filter函數中的jQuery。 DOM元素本身具有value屬性，訪問該元素要快得多，而不是使用val。

這是updated fiddle。

Answer 2

$('.next').click(function() { 
    var emptyInputs = $(this).parent().find('input[type="text"]').filter(function() { return $(this).val() == ""; }); 
    if (emptyInputs.length) { 
     alert('Fail!'); 
    } 
}); 

Answer 3

$('.next').click(function() { 
    var inputs = $(this).parent().find('input[value=""]'); 
    if (!inputs.length) { 
     // you have empty fields if this section is reached 
    } 
});