Passer au contenu principal

Comment définir une validation personnalisée sur les champs de formulaire (RegEx)

Garantissez l’exactitude des données grâce à des règles de validation personnalisées : utilisez les expressions régulières (RegEx) pour contrôler le format, le type et le nombre de caractères.

Le champ de validation personnalisée vous permet de définir quelles saisies sont valides.

Ce champ dispose d’une propriété « Validation rule » qui vous permet de préciser ce qui est valide ou non. La règle de validation suit les règles des expressions régulières (ou RegEx).

Exiger qu’une saisie commence ou se termine par une valeur donnée

Pour que votre champ n’accepte que des saisies qui commencent par une valeur précise, utilisez le caractère ^ au début de cette valeur. Par exemple, pour accepter les mots qui commencent par « dog », saisissez ^dog comme règle de validation.

Pour que votre audience saisisse des valeurs qui se terminent par une valeur précise, utilisez le caractère $ à la fin de cette valeur. Par exemple, pour accepter les valeurs qui se terminent par « dog », saisissez dog$ comme règle de validation.

Combinons maintenant les deux ! Si vous définissez ^cute dog$ comme règle de validation, seules les saisies qui commencent et se terminent par « cute dog » seront acceptées. Autrement dit, uniquement la correspondance exacte, rien d’autre.

Accepter les saisies qui contiennent un texte précis

C’est simple ! Saisissez ce texte dans la propriété Validation Rule. Toute saisie contenant ce texte sera acceptée.

S’assurer qu’un nombre précis de caractères est saisi

Les quantificateurs vous y aident. Par exemple, 003* correspond à une saisie contenant 00 suivi de zéro ou plusieurs 3. En revanche, 003+ correspond aux saisies contenant 00 suivi d’au moins un 3 (un ou plusieurs 3).

Et 003? garantit que la saisie contient 00 suivi de zéro ou un 3.

De même, 003{5} correspond aux saisies contenant 00 suivi d’exactement cinq 3.

S’assurer que les caractères sont saisis dans un ordre exact

Pour garantir l’ordre exact des caractères dans la valeur saisie, vous pouvez utiliser des parenthèses. Par exemple, la règle de validation a(bc)* garantit que la valeur saisie contient un a suivi de zéro ou plusieurs occurrences de la séquence bc.

Utiliser « OU » pour définir des variantes de la règle de validation

Les choses deviennent encore plus intéressantes lorsque vous savez que vous pouvez définir plusieurs variantes dans votre champ de validation personnalisée. Utilisez | comme signe OU et ajoutez plusieurs règles de part et d’autre. Par exemple, Hi|Hello correspond à une saisie contenant Hi ou Hello.

Autre exemple : (b|cd)ef accepte les valeurs contenant bef ou cdef.

Accepter n’importe quel caractère unique

Le point (.) représente n’importe quel caractère unique. Par exemple, a.[0-9] correspond aux valeurs saisies contenant un a suivi d’un caractère quelconque, puis d’un chiffre unique entre zéro et neuf.

De même, ^.{3}$ accepte les saisies d’exactement 3 caractères.

Préciser les caractères ou chiffres autorisés

Utilisez pour cela des crochets. Par exemple, [ab] correspond à toute saisie contenant un a ou un b (équivalent à a|b). De même, [a-d] correspond aux valeurs contenant les lettres minuscules de « a » à « d » (équivalent à a|b|c|d, ou encore à [abcd]).

Combinons ces éléments pour voir ce que nous pouvons déjà faire !

^[a-zA-Z] garantit que la valeur saisie commence par une lettre.

[0-9]% n’accepte la valeur saisie que si elle contient un chiffre unique suivi d’un signe pourcentage.

,[a-zA-Z 0- 9]$ correspond aux saisies qui se terminent par une virgule suivie d’une lettre ou d’un chiffre.

Préciser le nombre de chiffres : par exemple, un code à 8 chiffres

Vous pouvez utiliser un quantificateur de plage {min, max} pour exiger au minimum 1 chiffre et au maximum 8 chiffres, comme suit :

^[0-9]{1,8}$

Explication :

^ : Start anchor [0-9] : Character class to match one of the 10 digits {1,6} : Range quantifier. Minimum 1 repetition and maximum 6. $ : End anchor

Testez-le !

Pour vous assurer que votre validation personnalisée fonctionne comme prévu, testez-la vous-même et observez l’effet de vos modifications. Rendez-vous dès maintenant sur votre tableau de bord Formaloo et ajoutez un champ de validation personnalisée pour l’essayer. Vous pouvez également utiliser ce testeur de motifs RegEx pour vérifier les valeurs acceptées par votre règle de validation. Il surligne automatiquement les correspondances trouvées dans la zone de texte ci-dessous.

Découvrez et choisissez ce modèle regroupant les validations personnalisées les plus demandées. Il vous donnera une idée de la façon de personnaliser les validations de vos formulaires.

🧩 Modèle :

Ce modèle de validation personnalisée est un outil utile pour garantir que les informations saisies dans vos formulaires sont exactes et au bon format.

Ce modèle comprend des champs préconçus qui guident les utilisateurs pour saisir correctement leurs informations, notamment les adresses e-mail, les numéros de téléphone et les dates.

Avez-vous trouvé la réponse à votre question ?