【问题标题】:Input field value's length输入字段值的长度
【发布时间】:2013-05-08 12:53:54
【问题描述】:

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

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

【问题讨论】:

  • 请阅读问题的最后。但这又是我的错,我应该写宽度而不是长度。
  • 如果你说你刚刚意识到你问错了问题,你应该编辑你的问题。
  • 我并不是说我问错了问题。我是说长度不应该被视为一般概念,而不是 char 数组的属性。
  • 请通过标记正确答案来“关闭”问题。这就是这里的人在帮助别人时所喜欢的。它将帮助有同样问题的人找出正确的解决方案:)

标签: jquery html input


【解决方案1】:

您可以使用 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);
      }
});

【讨论】:

  • 你要求找到输入的长度和..??
  • 是的,但在视觉大小的上下文中。抱歉不够精确。
  • 这意味着如果某个尺寸超过它应该是不可见的..??
  • 你的意思是第一个字符应该是不可见的..??
  • 谢谢,我在您的代码的帮助下编辑了这个问题。请看。
【解决方案2】:

尝试使用:

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

【讨论】:

    【解决方案3】:

    试试这个

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

    .length

    【讨论】:

    • 那个家伙开始玩我的答案:) :)
    • @Freelancer 有些人没有任何工作,所以他们会通过这样做来消磨时间
    【解决方案4】:

    你可以使用长度

        jQuery(selector).val().length;
    

    例如,

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

    【讨论】:

      【解决方案5】:

      试试这个

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

      【讨论】:

        【解决方案6】:

        你可以试试

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

        记住length 不是函数。

        【讨论】:

          【解决方案7】:
          var value = $("#textFieldId").val();
          var fieldLength = value.length
          

          这行得通。

          【讨论】:

            【解决方案8】:
            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;
              }
            });
            

            【讨论】:

              猜你喜欢
              • 2018-05-25
              • 2014-10-17
              • 1970-01-01
              • 1970-01-01
              • 2017-03-10
              • 2019-06-23
              • 1970-01-01
              • 2019-06-12
              • 2021-07-13
              相关资源
              最近更新 更多