JQuery 객체에 액세스하는 방법

Question

validateName을 호출하면 jquery 객체에 어떻게 액세스합니까?

내 코드에서 errorDate은 JQuery 개체가 아닙니다. 변수 이름에

보정

$(document).ready(function() { 
    var errorDate = $("#errorDate"); 
    errorDate.blur(validateName); 

    function validateName() { 
     if (errorDate.val().length == "") { 
      errorDate.addClass("error"); 
      return false; 
     } 
     else { 
      errorDate.removeClass("error"); 
      return true; 
     } 
    } 
}); 

Answer 1

가 폐쇄 변수

$(document).ready(function() { 
    var errorDate = $("#errorDate"); 
    errorDate.blur(validateName); 

    function validateName() { 
     if (errorDate.val().length == "") { 
      errorDate.addClass("error"); 
      return false; 
     } 
     else { 
      errorDate.removeClass("error"); 
      return true; 
     } 
    } 
}); 

Answer 2

그냥 $(this) 대신 name 사용합니다.

Answer 3

이 시도이기 때문에 당신은 대신 name의 errorDate을

$(document).ready(function() { 
    var errorDate = $("#errorDate"); 
    errorDate.blur(validateName); 

    function validateName() { 
     var $this = $(this); 
     if ($this.val().length == "") { 
      $this.addClass("error"); 
      return false; 
     } 
     else { 
      $this.removeClass("error"); 
      return true; 
     } 
    } 
}); 

또는 사용할 수

$(document).ready(function() { 
    var errorDate = $("#errorDate"); 
    errorDate.blur(validateName); 

    function validateName() { 
     // no need to get length you can use $(this).val()=="" 
     if ($(this).val() == "") { 
      $(this).addClass("error"); 
      return false; 
     } 
     else { 
      $(this).removeClass("error"); 
      return true; 
     } 
    } 
}); 

바이올린 http://jsfiddle.net/jtWFX/