얼마나 많은 빈 입력 필드가 있는지 확인하는 방법은 무엇입니까?

Question

나는 약 5 개의 입력란을 가지고 있으며, 입력란을 확인하기 전에 javascript를 사용하여 사용자에게 입력 전에 확인해야 할 빈 입력란이 있음을 알릴 수 있기를 바랍니다.

그래서 5 개의 입력란 중 2 개가 비어 있으면 js를 사용하여 알림을 보내고 싶습니다.

아무도 도와주세요! 나는 많은 것을 연구했고, "길이"를 사용하는 것을 말하는 어떤 blogs를 읽는다. 그러나 그것을 이해할 수 없었다! 사용자가 "제출"의 ID와 함께 제출 버튼을 클릭하는

는

그래서 즉시 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로 jQuery를

Answer 3

을 사용할 수 있습니다 assumming있어 물론 working demo

비어있는 방법을 알려줍니다 입력란이 비어 있으면 필드를 증가시키고 변수를 증가시킵니다.

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