JQuery Blur 유효성 검사 문제

Question

텍스트 필드가 비어있는 경우 blur를 사용하여 유효성을 검사하려는 간단한 폼이 있습니다.

아래 코드가 작동해야하지만 일부 텍스트가 튀어 나오더라도 경고 메시지를 계속 표시합니다.

var name = $("input#name").val(); 
$("input#name").blur(function() 
{ 
     if (('input#name:empty')) 
     { 
      // Testing 
      alert('Empty'); 
     } 
}); 

Answer 1

는이 같은 $(this).val()를 사용하려면 :

$("input#name").blur(function() { 
    if ($(this).val().length === 0) { 
    // Testing 
    alert('Empty'); 
    } 
}); 

는 현재 당신이 참 if('input#name:empty')을 확인하고

, 임의의 문자열 (약하게 입력 된) 자바 스크립트에서 true을 될 것입니다. 이 더 자식 요소이 없다는 또한 :empty selector 검사,하지의 값이 비어있는, 그래서 값이 빈 문자열, 또는 내가 또한 :

위의이 같은 .length하지 않는 한, 비어 있는지 확인하는 것이 이 ID가 일치하지 않으려는 다른 요소 유형에있을 가능성이 있습니다. #name이면 충분하며 더 빠르면 input 접두사가 불필요합니다.

Answer 2

이 시도 :

$("input#name").blur(function() 
{ 
    var name = $(this).val(); 
    if (name.length == 0) 
    { 
     // Testing 
     alert('Empty'); 
    } 
}); 

편집 : 닉은 입력 텍스트가 블러가 발생했을 때 검사 할 필요가 있다고 지적했다. 더 이상 변화를 주면 그것은 그의 대답과 같을 것입니다. 그래서 여기서 멈 춥니 다.