jQuery – Utiliser les expressions régulières pour contrôler les saisies formulaires

regex

En premier lieu, nous allons voir théoriquement ce que c’est une expression régulière en javascript, communément appelé REGEX.

Les regex sont une sorte de langage « à part » essentiellement utiliser pour manipuler les chaînes de caractères.

Voici quelques exemples de cas d’utilisations des Regex:

  • Traitement de chaîne ou extraction des informations hors d’une chaîne de caractères (bien plus puissant que les fonctions  indexOf() et substring()
  • Supprimer une partie de texte et ou remplacer une partie de la chaîne.
  • Dans la plupart des cas , elle servira à vérifier si une URL entrée par l’utilisateur ressemble effectivement à une URL, idem pour les adresses e-mail, les numéros de téléphone et toute conditions.
    Et bien d’autres encore…

Dans notre exemple d’application nous allons contrôler les saisie pour que c’est seulement les chiffres allant de 0 à 9 soient autoriser dans le champ texte.

On va utiliser une fonction jQuery permettant de vérifier un champ input à l’aide d’une expression régulière lors de l’événement keyup().

Bien entendu, il faut avant tout inclure la librairie jQuery

Ensuite, voici le code html contenant un formulaire simple contenant un champ input de type texte.

Puis la fonction jQuery nous permettant de contrôler les saisies dans le champ input.

Liste des REGEX utiles

Pour vous monter la puissance du Regex, on va vous lister ici les filtres qu’on utilise généralement pour filtrer les formulaires : ( la liste n’est pas exhaustive )

Répondre