jQuery를 사용하여 입력이 비어 있는지 확인하는 방법

질문 : jQuery를 사용하여 입력이 비어 있는지 확인

---

모든 필드를 채우고 싶은 양식이 있습니다. 필드를 클릭 한 후 채우지 않으면 빨간색 배경을 표시하고 싶습니다.

내 코드는 다음과 같습니다.

$('#apply-form input').blur(function () {
  if ($('input:text').is(":empty")) {
    $(this).parents('p').addClass('warning');
  }
});

필드가 채워지는지 여부에 관계없이 경고 클래스를 적용합니다.

내가 도대체 뭘 잘못하고있는 겁니까?

답변

---

$('#apply-form input').blur(function()
{
    if( !$(this).val() ) {
          $(this).parents('p').addClass('warning');
    }
});

빈 문자열이 어쨌든 false로 평가되기 때문에 .length 가 필요 >0 인지 확인하지 않아도되지만 가독성을 위해 원하는 경우 :

$('#apply-form input').blur(function()
{
    if( $(this).val().length === 0 ) {
        $(this).parents('p').addClass('warning');
    }
});

항상 텍스트 필드 요소에서 작동한다고 확신하는 경우 this.value 사용할 수 있습니다.

$('#apply-form input').blur(function()
{
      if( !this.value ) {
            $(this).parents('p').addClass('warning');
      }
});

또한 $('input:text') 는 여러 요소를 가져 오거나 컨텍스트를 지정하거나 this 키워드를 사용합니다 (컨텍스트의 하위 항목 / 하위 항목에 하나의 텍스트 필드가있는 경우).

출처 : https://stackoverflow.com/questions/1854556/check-if-inputs-are-empty-using-jquery