jQuery를 사용하여 모든 입력에서 공백을 검사하려면 어떻게해야합니까?

Question

모든 입력이 채워 졌는지 확인하기 위해 JQuery를 사용하려고합니다. 사용자가 버튼을 클릭하면 입력이 채워지면 멋진 콘텐츠가 표시됩니다. 그러나 필드 중 하나가 채워지지 않은 경우 시청자는 맞춤 경고 메시지를 받아야합니다. 나는 거의 가지고 있다고 생각하지만 도움이 필요합니다.

$(function() { 
$("#btn_click").click(function() { 
    if($("input").val() == 0) { 
    $("form").append('<span class=".warning">You didn\'t fill out all the fields!</span>'); 
} 
    else { 
     //Some cool stuff happens 
    } 
}); 

});

입력 내용을 모두 입력하지 않으면 경고와 함께 예상되는 동작이 나타납니다. 좋습니다. 그러나 첫 번째 입력을 채우고 다른 모든 입력을 공백으로 남겨두면 "멋진 항목"이 실행됩니다. 그 나쁜. 입력 중이 비어 있으면 경고가 표시되기를 바랍니다. JQuery가 모든 입력을 테스트하도록하려면 어떻게해야합니까?

Answer 1

당신은 사용하여 확인할 수 있습니다 :

if ($("input").length != $('input').filter(function() { 
     return $.trim(this.value) 
    }).length) { 
    /* not all inputs filled */ 
} 

Answer 2

당신은 하나가 비어있는 경우 다음

Answer 3

$('input').val()는 첫 번째 입력 값을 검색합니다 당신의 멋진 물건을 할 그렇지 않으면 오류 메시지가 표시 JQuery와 검사를 사용하여 각 입력 요소에 ID를 추가 할 수 있습니다. 모든 입력을 확인하려는 경우, 당신은 each 모든 입력 확인해야합니다 (그냥 예를 들어, 당신은 다른 사람이 물건을 사용할 수 있습니다) :

$('btn_click').on('click', function (e) { 
    e.preventDefault(e) ; 
    var allOk = true ; 
    $('input').each(function() { // Iterate over input 
     if (!$('input').val()) { // Don't check against 0 
      allOk = false ; // If the input isn't ok 
     } 
    }) ; 
    if (!allOk) { 
     // Warning message 
    } 
    else { 
     // Some cool stuff 
    } 
}) ; 

Answer 4

이 $("input").filter(function(){return this.value==''}).length > 0

또는 bettter을하려고하면 이미 jQuery를 사용하는 것처럼 일부 정교한 검증 플러그인을 사용

Answer 5

$(function() { 
$("#btn_click").on('click',function(e) { 
    e.preventDefault(); 
    $("input").each(function(){ 
     if(!$(this).val()){ 
      //error message 
      return false; 
     }else{ 
      //remaining code 
     } 
    }); 
    }); 
});