Длина поля значения поля ввода

Question

Есть ли способ с 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 первый символ 1 будет невидим.

Мне нужно это событие, когда значение перекрывает ввод.

Answer 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); 
     } 
}); 

Answer 2

Попробуйте использовать:

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

Answer 3

попробовать это

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

.length

Answer 4

Попробуйте

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

Answer 5

вы можете попробовать

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

И помните length не является функцией.

Answer 6

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

Это работает.

Answer 7

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

Answer 8

Вы можете использовать длина

jQuery(selector).val().length; 

Например,

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