Как получить доступ к объекту JQuery

Question

Как получить доступ к объекту jquery при вызове validateName?

В моем коде ниже 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() { 
     var $this = $(this); 
     if ($this.val().length == "") { 
      $this.addClass("error"); 
      return false; 
     } 
     else { 
      $this.removeClass("error"); 
      return true; 
     } 
    } 
}); 

Или использовать errorDate вместо name, поскольку это переменная закрытия

$(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

Попробуйте это,

$(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; 
     } 
    } 
}); 

Fiddle http://jsfiddle.net/jtWFX/