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

Question

我有大約5個輸入字段，並檢查它們之前，我希望能夠警告使用JavaScript，讓用戶知道有空字段必須在檢查前填寫。

所以，如果5個輸入字段中的2個爲空，我希望能夠使用js進行提醒！

任何人都可以請幫助我這個！我研究了很多，並閱讀了一些博客，說使用「長度」，但無法弄清楚！

因此，一旦用戶點擊提交按鈕與「提交」，該ID的警告將促使說必須填寫至少2開出5個輸入框的...

這裏是我的代碼：

<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"); 
} 

這裏當然是working demo

我assumming你可以使用jQuery

Answer 3

與jQuery可以遍歷所有的輸入如果輸入字段爲空，則增加一個變量：

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