如何检查输入字段的长度?

时间:2012-03-18 20:25:12

标签: jquery

我如何检查输入字段的长度?

例如,如何检查在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");
         }
     });
 });

1 个答案:

答案 0 :(得分: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);
    });
});