入力フィールドの長さを確認するにはどうすればよいですか？

Question

入力フィールドの長さはどのように確認できますか？

たとえば、inputフィールドに入力された名前がの文字が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

ただchangeイベントの内name割り当てを置きます。

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