如何檢查輸入欄的長度？

Question

我怎樣才能檢查輸入字段的長度？

例如，如何檢查在input字段中輸入的姓名是否有length大於2個字符？

以下是我嘗試使用的代碼，但length始終返回0。

$(document).ready(function() { 
    name = $("#name").val(); 
    $("#name").change(function() { 
     if (name.length <= 2) { 
      console.log(name.length); 
      $("#name").addClass("error"); 
     } else if (name.length > 2) { 
      $("#name").removeClass("error"); 
     } 
    }); 
}); 

Answer 1

只要把name分配的change事件的內部。

$(document).ready(function() { 
    $("#name").change(function() { 
     var name = $("#name").val(); 

     if (name.length <= 2) { 
      console.log(name.length); 
      $("#name").addClass("error"); 
     } else if (name.length > 2) { 
      $("#name").removeClass("error"); 
     } 

    }); 
}); 

...或者這裏是寫它的不同的方式...

$(function() { 
    $('#name').change(function() { 
     $(this).toggleClass('error', this.value.length <= 2); 
    }); 
});