06Sep, 2016
0Réaction(s)

Configurez des masques de saisie pour limiter les erreurs !

Un masque de saisie permet de définir le format attendu dans un champ de saisie.

Etape 1 : Définissez votre masque de saisie.

Expressions régulières simples :

Vous pouvez très facilement créer des expressions régulières pour votre masque de saisie en utilisant les caractères A pour une lettre, N pour un nombre entier.

Voici des exemples :

  • une date : NN-NN-NNNN
  • une plaque d’immatriculation : AA-NNN-AA
  • un numéro de sécurité sociale : N NN NN NN NNN NNN NN

Expressions régulières complexes :

Pour vous aider à créer des expressions régulières complexes vous pouvez vous aider du site internet Regex101.com

Voici des exemples :

  • Code de nomenclature interne type 2015J02 : /^2015[A-Z]\d{2}$/
  • Une suite de 5 chiffres, tous pairs : /^[02468]{5}$/
  • Le mot « process » qui doit apparaître absolument à la fin de la saisie : /process$/gi
  • Un nombre à une décimale, avec la décimale obligatoire : /^[1-9][0-9]*[,.][0-9]$/
  • Un nombre à une décimale, avec la décimale facultative : /^[1-9][0-9]*([,.][0-9])?$/

Etape 2 : Paramétrez votre champ de saisie.

  • Allez dans les options de votre champ de saisie, dans l’onglet « Avancé ».

Insérez votre masque de saisie.

  • Pour définir le format de votre masque de saisie, complétez la case « Masque de saisie (Expression régulière) » avec votre expression régulière.
  • Pour ajouter une aide à propos du masque de saisie, complétez la case « Masque de saisie (Explications pour les mobiles)» avec les indications permettant de comprendre et de respecter le format demandé pour la saisie.
  • Pour finir, cliquez sur Valider pour enregistrer.

Sur le mobile.

Le texte d’aide se matérialisera par une info-bulle :

Cliquez sur l'info bulle pour lire le texte d'aide.

La saisie n’est valide que si son format correspond à celui prédéfini par l’expression régulière configurée.
Si le format saisi est incorrect, une icône rouge avec un point d’exclamation apparaît sur la gauche du champ.

Une icône rouge s'affiche si le format du masque de saisie n'est pas respecté.

L’utilisateur ne peut enregistrer son formulaire. Le message suivant s’affiche :

Si le format du masque de saisie n'est pas respecté, le formulaire ne peut pas être enregistré.

En revanche, lorsque la saisie respecte le format demandé, une icône verte apparaît sur la gauche du champ.

Une icône verte s'affiche si le format du masque de saisie a été respecté.

N’hésitez pas à commenter cet article !
Nous sommes disponibles pour répondre à vos questions, suggestions, remarques, etc. !

Poster un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *