11

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 将不可见。

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

4

8 回答 8

15

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

$('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);
      }
});
于 2013-05-08T12:55:27.023 回答
3

尝试使用：

var LengthOfText = $("#txtInputText").val().length;
于 2013-05-08T12:55:43.460 回答
1

尝试这个

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

。长度

于 2013-05-08T12:56:15.013 回答
1

您可以使用长度

    jQuery(selector).val().length;

例如，

      $('#id').val().length;   
      $('#class name').val().length;
于 2013-05-08T12:58:19.143 回答
0

尝试这个

var inputLen = $("#txtInputText")[0].length
于 2013-05-08T12:57:09.823 回答
0

你可以试试

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

记住length不是一个函数。

于 2013-05-08T12:57:27.577 回答
0 
var value = $("#textFieldId").val();
var fieldLength = value.length

这行得通。

于 2013-05-08T12:57:29.003 回答
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;
  }
});
于 2013-05-08T12:58:06.187 回答