输入字段值的长度

时间:2013-05-08 12:53:54

标签: jquery html input

有没有办法用jQuery找出插入到文本类型的输入字段中的文本的宽度?我需要这些信息,因为我需要在完成某些工作时执行一些工作。 另外,如果用户在输入字段中输入另一个字符会使整个值的第一个字符不可见,那么找到正在发生的jQuery事件会非常有帮助吗?

请参阅示例http://jsfiddle.net/J58ht/2/

<input style="width: 35px;" type="text"> <span></span>


    $('input').on('keyup',function(){
      var input = $(this);
      input.next("span").text(input.val().length + " chars");
});

尝试在输入字段中输入字符123456。输入char 6时,第一个char 1将不可见。

当值与输入重叠时,我需要该事件。

8 个答案:

答案 0 :(得分:12)

您可以使用jQuery的val()方法找到值的长度,该方法将表单元素的当前值作为字符串返回。然后,您可以使用该字符串中的length property

$('input').on('keyup',function(){
      alert('This length is ' + $(this).val().length);
});

这是关于jsFiddle的一个工作示例:http://jsfiddle.net/J58ht/

根据您编辑的问题,它应该是

$('input').on('keyup',function(){
      var my_txt = $(this).val();
      var len = my_txt.length;
      if(len > my_constant_length)
      {
          var res = my_txt.substring(1,my_constant_length);
          $(this).val(res);
      }
});

答案 1 :(得分:3)

尝试使用:

var LengthOfText = $("#txtInputText").val().length;

答案 2 :(得分:1)

试试这个

$("#txtInputText").val().length

.length

答案 3 :(得分:1)

您可以使用长度

    jQuery(selector).val().length;

<强>例如,

      $('#id').val().length;   
      $('#class name').val().length;   

答案 4 :(得分:0)

试试这个

var inputLen = $("#txtInputText")[0].length

答案 5 :(得分:0)

你可以尝试

  $("#target").val().length;

请记住length不是函数。

答案 6 :(得分:0)

var value = $("#textFieldId").val();
var fieldLength = value.length

这很有效。

答案 7 :(得分:0)

To find out the length of text you can use 

var len = $("#id").val().length;

$("#id").keyup(function(){
  var textLength = $(this).val().length;
  if(textLength > 15){
    alert('Length is exceeded');
    //Do ur stuff;
  }
});