Méthode trim() et IOS [Résolu]

Tu fais une boucle sur chaque caractère de la string
Tu y utilises charCodeAt
Tu affiches, via un ALERT le résultat

Bonjour jordane45, et bonne année à vous,

Merci pour votre aide et navré de n'avoir pas donné de suite plus rapidement.

J'ai utilisé la méthode indiquée, et à ma grande surprise, le texte en décimal renvoyé est le 32, soit un espace tout à fait standard. Pourtant si je l'efface, puis en rajoute un, ma fonction trim() fait bien le boulot. Un vrai mystère, je ne sais plus quoi faire. Cet espace (prédictif en quelque sorte, car il permet d'insérer le mot suivant sans avoir à presser sur la touche espace), force est de constater, n'est pas pris en compte par le trim(), car pas inséré "réellement" via un appui de la touche sur la clavier.

Faudrait nous montrer comment tu appelles ton code...
La solution se trouve cartaient là..

Oui sans doute, et je n'ai sûrement pas les bonnes pratiques en la matière. J'ai fait cela ainsi :

test = $("#test").val().trim();

oui mais... à quel moment fais tu ça ?
ça serait bien de montrer le code complet ... avec un bout de code je ne peux rien te dire...

Oui, pardon, voici le code complet :

        var timer = null;
        $('#test').keyup(function (){
        clearTimeout(timer);
        timer = setTimeout(check_test, 800);
        });
      
        function check_test(){
          var pattern = /^[a-zA-Z ,.'-]+$/i,
              test = $("#test").val().trim();
          if ((test !== '') === false) {
              $("#test_error_js").html("Oups.");
              $("#test_error_js").show();
              $("#test").css("border-bottom", "1rem solid #FF0000");
              error_test = true;
          } else if (pattern.test(test)) {
              $("#test_error_js").hide();
              $("#test").css("border-bottom", "");
          } else {
              $("#test_error_js").html("Oups encore.");
              $("#test_error_js").show();
              $("#test").css("border-bottom", "1rem solid #FF0000");
              error_test = true;
          }
        }

Tu le fais sur le keyup ...
Mais si c'est un caractère ajouté automatiquement... Tu ne relances pas la fonction de test...
Tu devrais ajouter un trigger sur le onchange et éventuellement relancer la fonction avant de valider ton formulaire.

Oui, ça parait la bonne approche. Merci.

Au début, je pourrais donc ajouter un déclencheur ainsi (il y a sûrement une façon plus simple de l'écrire?) :

        var timer = null;
        $('#test').keyup(function (){
        clearTimeout(timer);
        timer = setTimeout(check_test, 800);
        });

        $('#test').onchange(function (){
        clearTimeout(timer);
        timer = setTimeout(check_test, 800);
        });

Ou peut-être ne laisser que le onchange ? Y aurait-il une raison qui m'échappe et qui soit bonne pour conserver les deux déclencheurs?

Normalement, on pourrait laisser que le on change
à condition de bien l'écrire ...

$('#test').change(function (){
  clearTimeout(timer);
   timer = setTimeout(check_test, 800);
 });

A condition de bien l'écrire, en effet. Merci!

Je me souviens pourquoi j'avais choisi keyup plutôt que change. Avec ce dernier, il faut quitter le champ pour lancer la fonction. Or j'aimerais que le contrôle sur le champ se fasse en continu... Décidément, ma requête est embêtante...

laisse les deux méthodes..

Sauf que la méthode keyup pose le problème décrit initialement, et la méthode change demande de quitter le champ. La combinaison des deux méthodes ne règlent donc malheureusement pas le problème (je viens de vérifier, au cas où).

Je ne vois pas en quoi, le onchange "demande à sortir" ...
A la limite, tu pourrais faire le contrôle sur le onblur ( en plus du onkeyup )
Mais le souci ne se situe pas lorsque tu remplis le champ je pense... mais avant d'utiliser son contenu. D'où ma recommandation tout à l'heure de relancer la vérification au moment où tu te sers du contenu... (code que nous n'avons pas )

La méthode change est lancée lorsqu'il n'y a plus de focus sur l'input.

Vous m'avez mis sur la piste cela dit, et j'ai trouvé quelque chose qui semble faire le travail (je ne parviens pas à expliquer pour quelle raison). A éprouver, mais qu'en dites-vous ?

    $('#test').on("input", function(){
        clearTimeout(timer);
        timer = setTimeout(check_test, 800);
    });