如何檢查有多少個空輸入字段？

Question

我大約有5個輸入字段，在檢查它們之前，我希望能夠使用javascript發出警報，以使用戶知道在檢查之前必須填寫空白字段。

因此，如果5個輸入字段中的2個為空，我希望能夠使用js發出警報！

有人可以幫我嗎！ 我已經進行了大量研究，並閱讀了一些博客，說要使用“長度”，但無法弄清楚！

因此，只要用戶單擊ID為“ submit”的“提交”按鈕，就會出現警報，提示您必須至少填寫5個輸入框中的2個...

這是我的代碼：

<input type="text" id="a" value="" />
<input type="text" id="b" value="" />
<input type="text" id="c" value="" />
<input type="text" id="d" value="" />
<input type="text" id="e" value="" />

<input type="submit" id="submit" value="Check Form" />

謝謝

Answer 1

document.getElementById('submit').onclick = function() {
    var inputs = document.getElementsByTagName('input'),
        empty = 0;

    for (var i = 0, len = inputs.length - 1; i < len; i++) {
        empty += !inputs[i].value;
    }
    if (empty > 3) {
        alert('You must fill in at least 2 fields');
    }
};

示例： http ： //jsfiddle.net/Fn8cw/

Answer 2

這將告訴您有多少空

var empty = $('input:text').filter(function() { return $(this).val() == ""; });

 if (empty.length > 3){
    alert("you must fill in at least two inputs");
}

這是一個工作演示

當然我假設您可以使用jQuery

Answer 3

使用jquery，您可以循環訪問所有輸入字段，如果輸入字段為空，則可以遞增變量：

$("#your_form_div").change(function(){     
$(this).parents('form')             
.find(':input').each(function(i) {
if( $(this).val() )
//here your incremented variable
}); });