web-dev-qa-db-fra.com

Longueur de la valeur du champ de saisie

Existe-t-il un moyen avec jQuery de connaître la largeur de texte inséré dans le champ de saisie de type text? J'ai besoin de cette information parce que je dois effectuer certains travaux lorsque certains résultats sont atteints. En outre, il me serait très utile de rechercher l’événement jQuery qui se produit lorsque l’utilisateur entre un caractère supplémentaire dans le champ de saisie, ce qui rendra le premier caractère de la valeur invisible.

Veuillez voir exemple 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");
});

Essayez de saisir les caractères 123456 dans le champ de saisie. Lorsque vous entrez le caractère 6, le premier caractère 1 sera invisible.

J'ai besoin de cet événement, lorsque la valeur chevauche l'entrée.

jqueryhtmlinput
8
eomeroff

Vous pouvez trouver la longueur de la valeur en utilisant la méthode val () de jQuery qui renvoie la valeur actuelle d'un élément de formulaire sous forme de chaîne. Ensuite, vous pouvez utiliser la propriété length de cette chaîne.

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

Voici un exemple de travail sur jsFiddle: http://jsfiddle.net/J58ht/

sur la base de votre question modifiée, il devrait être comme

$('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);
      }
});
12
Gautam3164

Essayez d'utiliser: 

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

Vous pouvez utiliser la longueur

    jQuery(selector).val().length;

Par exemple, 

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

essaye ça

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

.length

1
PSR

Essaye ça 

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

tu peux essayer 

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

Et rappelez-vous que length n'est pas une fonction.

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

Cela marche.

0
roger_that
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;
  }
});
0
VenkateshKumar