jQuery zone de texte de longueur max de validation

J'ai le code suivant qui fonctionne bien, mais le problème est qu'après avoir dépassé les 500 caractères, il commence à permettre à l'utilisateur de taper (il accepte les personnages plutôt que de se limiter à eux!).

Comment puis-je la modifier? Est-il possible de généraliser ce code de sorte qu'il peut gérer plusieurs zones de texte, comme une fonction et vient de passer les paramètres?

 $('#txtAboutMe').keyup(function () {
           var text = $(this).val();
           var textLength = text.length;`enter code here`
           if (text.length > maxLength) {
               $(this).val(text.substring(0, (maxLength)));
               alert("Sorry, you only " + maxLength + " characters are allowed");
           }
           else {
               //alert("Required Min. 500 characters");
           }
       });"
J'ai toujours pensé que seuls les types d'entrée d'accepter une maxlength ?
c'est pourquoi il veut le faire pour les textarea
Pouvez-vous poster le HTML concernés?
mais la recherche stackoverflow il y a beaucoup de jquery solutions de fo.
oui u droit textarea est un type d'entrée seulement

OriginalL'auteur Tan | 2011-07-29

  1. 5

    Vous pouvez essayer de définir un maxLength être utilisé pour comparer (si ce n'est pas définie est égale à pas défini et chaque nombre est plus que indéfini: c'est pourquoi vous nevere obtenir l'alerte, je pense):

    $('#txtAboutMe').keyup(function () {
           var maxLength = 500;
           var text = $(this).val();
           var textLength = text.length;
           if (textLength > maxLength) {
               $(this).val(text.substring(0, (maxLength)));
               alert("Sorry, you only " + maxLength + " characters are allowed");
           }
           else {
               //alert("Required Min. 500 characters");
           }
       });"
    Ce n'est pas une bonne solution car $(this).val(...) sur certains navigateurs permettent de déplacer le curseur.

    OriginalL'auteur Nicola Peluchetti

  2. 8

    Vous ne devriez pas le faire sur keyup. Essayez keypress à la place. Le problème est sur keyup le personnage a déjà été déclenchée et écrit à textarea. Voici un bon tutoriel. Avis de l'événement keypress. 

    jQuery(function($) {

  //ignore these keys
  var ignore = [8,9,13,33,34,35,36,37,38,39,40,46];

  //use keypress instead of keydown as that's the only
  //place keystrokes could be canceled in Opera
  var eventName = 'keypress';

  //handle textareas with maxlength attribute
  $('textarea[maxlength]')

    //this is where the magic happens
    .live(eventName, function(event) {
      var self = $(this),
          maxlength = self.attr('maxlength'),
          code = $.data(this, 'keycode');

      //check if maxlength has a value.
      //The value must be greater than 0
      if (maxlength && maxlength > 0) {

        //continue with this keystroke if maxlength
        //not reached or one of the ignored keys were pressed.
        return ( self.val().length < maxlength
                 || $.inArray(code, ignore) !== -1 );

      }
    })

    //store keyCode from keydown event for later use
    .live('keydown', function(event) {
      $.data(this, 'keycode', event.keyCode || event.which);
    });

});
    keydown travaillé mais est-il possible de généraliser la méthode ci-dessus, de sorte que je peux l'utiliser pour de multiples zones de texte
    posté quelque chose que vous pouvez utiliser pour tous les navigateurs. Note sur l'opéra seule pression de touche est autorisé à annuler et keydown ne fonctionne pas. J'espère que cela a aidé. Découvrez le tutoriel pour plus d'aide.
    n'oubliez pas d'accepter une réponse.
    C'est super, mais "13" ne devrait pas être une clé pour l'ignorer. Qui vous permet d'entrer un nombre infini de retours chariot. Je m'attends à ce que la "longueur maximale" comprend le transport de retour/de ligne de flux.

    OriginalL'auteur Amir Raminfar

  3. 0

    La solution est de deux ordres:

    • l'utilisation de l'événement keydown au lieu de keyup pour attraper le cas avant la lettre est insérée

    • utilisation preventDefault pour arrêter la lettre d'être inséré

      $('#txtAboutMe').keyup(function (e) {//note the added e to pass the event data
   var text = $(this).val();
   var textLength = text.length;`enter code here`
   if (text.length > maxLength) {
       $(this).val(text.substring(0, (maxLength)));
       alert("Sorry, you only " + maxLength + " characters are allowed");
       e.preventDefault();
       return;
   }
   else {
       //alert("Required Min. 500 characters");
   }

      });

    OriginalL'auteur user2918522