L'événement déclencheur avec jquery lorsque 3 caractères sont entrés dans le champ de saisie

J'ai un champ de saisie HTML, permet de dire

<input type="text" maxlength="50" size="50" name="subject" id="subject">

J'ai besoin de déclencher une fonction sur tous les 3 charachters entré.

Par exemple:

Si l'utilisateur entre "aaa" - le déclenchement d'un événement, il continue à entrer dans "aaa bbb" - un événement déclencheur, à nouveau, etc.

Mais les espaces ne doivent pas être comptés.

J'ai besoin de ce post valeur du champ externe à l'API pour faire de la recherche.

Personne n'a fait ça avant?

S'il vous plaît aider.

OriginalL'auteur Kirill Reva | 2013-02-11

  1. 12

    essayer quelque chose comme cela. Lier un gestionnaire d'événements pour input au chargement de la page

    $(function(){

    $("#subject").change(function(){

         var val = $(this).val().trim();
         val = val.replace(/\s+/g, '');

         if(val.length % 3 == 0) { //for checking 3 characters
               //your logic here
         }

    });      
});
    .trim() supprime les espaces à partir des deux extrémités de la chaîne. Vous devez supprimer les espaces de l'intérieur de la chaîne.
    aussi pour <input> le changement de l'événement est reporté jusqu'à ce que l'élément perd le focus.
    oui, oui, nous pouvons faire ce val = val.replace(/\s+/g, ");
    de toute façon, c'est exactement ce dont j'avais besoin. Merci tout le monde.
    Pourquoi voudriez-vous utiliser le module? la longueur ne peut être un nombre entier?

    OriginalL'auteur mbharanidharan88

  2. 9

    Si vous voulez faire ça en temps réel pendant que l'utilisateur est en train de taper et ne pas leur imposer de supprimer à partir de l'entrée, vous pouvez utiliser un keyup événement et légèrement modifié la logique de filtrer sur la barre d'espace presse.

    $('#subject').on('keyup', function(e) {
    if (e.which !== 32) {
        var value = $(this).val();
        var noWhitespaceValue = value.replace(/\s+/g, '');
        var noWhitespaceCount = noWhitespaceValue.length;
        if (noWhitespaceCount % 3 === 0) {
            //Call API
        }
    }
});

    jsfiddle

    OriginalL'auteur Ruben Infante