Commencer à Utiliser le Masque de Saisie

May 31, 2021

L’utilisation d’un masque de saisie peut sembler être l’une de ces choses que vous ne voudrez peut-être pas trop utiliser, mais la réalité est que l’utilisation d’un masque de saisie peut en fait s’avérer très utile dans de nombreuses situations.

Examinons deux scénarios différents.

Scénario n°1:

Examinons celui-ci en utilisant un simple champ Texte Court, alors allez-y et ajoutez-en un à votre formulaire si vous ne l’avez pas déjà fait.

Maintenant, pour afficher l’option “Masque de saisie“, vous pouvez suivre les captures d’écran ci-dessous:

Dans JotForm version 4:

Si vous utilisez le générateur de formulaires JotForm version 4, suivez les captures d’écran ci-dessous. Sélectionnez le champ de la zone de texte, cliquez sur l’icône d’engrenage et ouvrez l’onglet “Options“.

Faites défiler vers le bas et trouvez l’option “Masque de saisie“, assurez-vous de l’activer.

Vous remarquerez tout de suite trois symboles différents mentionnés et ces masques sont à peu près ceux indiqués pour chacun d’eux.

@ = Masque les Lettres

# = Masque les Chiffres

* = Masque les Lettres & Chiffres

Pour expliquer ce qui précède de manière simplifiée, le masque de saisie vous donne fondamentalement un contrôle beaucoup plus grand sur la zone de texte. Examinons les exemples ci-dessous.

Exemple A:

Dans cet exemple, disons par exemple que vous voulez nommer des villes qui commencent par “St” (Saint) telles que “St Augustine” qui ressemblerait à ceci “@@ @@@@@@@@“.

Back-end de votre formulaire:

Front-end de votre formulaire:

Vous pouvez même inclure le “St” dans le masque si vous le souhaitez:

Exemple B:

Jetons maintenant un coup d’il à ceci dans un autre cas où vous voudrez peut-être afficher un ensemble de nombres espacés qui apparaîtraient comme ceci “# # # # #“.

Back-end de votre formulaire:

Front-end de votre formulaire:

Exemple C:

Une bonne utilisation du masque de nombres serait également pour les dates personnalisées avancées où vous ne voudrez peut-être pas utiliser les champs de date standard tels que “##/##/####“.

Back-end de votre formulaire:

Front-end de votre formulaire:

Exemple D:

Que se passe-t-il si vous aviez besoin de quelque chose de plus que les options ci-dessus, mais que vous n’aviez pas besoin de beaucoup d’informations, comme dans un cas où vous ne voulez que l’adresse postale de l’entreprise de quelqu’un.

Donc, dans ce cas particulier, vous voudrez combiner les éléments ci-dessus en utilisant à la fois @ et #. Cela pourrait ressembler à quelque chose comme “#### @@@@@@@@ @@“.

Back-end de votre formulaire:

Front-end de votre formulaire:

Exemple E:

N’oubliez pas non plus que vous pouvez également autoriser l’un ou l’autre de ces éléments, toujours le contrôler, mais le limiter avec la troisième option en utilisant * (astérisque) et cela ressemblerait un peu à “*** ** **** ** ***

Back-end de votre formulaire:

Front-end de votre formulaire:

Exemple F:

Mais que faire si rien de ce qui précède n’était assez bon pour votre situation?

Et si vous travaillez dans le gouvernement, le service juridique ou même une entreprise de pièces automobiles?

Vous pouvez le faire aussi en compartimentant vos éléments pour créer quelque chose de systématique tel que “#@-#**#-#@“.

Back-end de votre formulaire:

Front-end de votre formulaire:

Maintenant, après vous avoir donné une compréhension de base du masquage sur les zones de texte, adoptons une approche différente pour le voir d’une autre manière en utilisant le deuxième scénario pour un champ de téléphone.

Scénario n°2:

Bien sûr, l’utilisation de la fonction de masquage est pratique, mais que se passe-t-il si vous êtes un fournisseur d’annuaire téléphonique à la recherche de numéros 1-800 à répertorier ou si vous avez des utilisateurs avec des numéros de téléphone étrangers et autres?

Dans des cas comme celui-ci, le masquage de la saisie sur un champ de téléphone serait tout aussi utile pour vous permettre de contrôler la façon dont vos numéros de téléphone sont saisis et utilisés.

Exemple A:

Pour le premier exemple, recommençons mais cette fois-ci, ajoutez un champ de téléphone.

Vous devriez pouvoir accéder à l’option “Masque de saisie” de la même manière que nous l’avons décrit plus haut dans ce guide.

Vous remarquerez que cette fois-ci, vous ne pouvez utiliser que le masquage des numéros avec # et vous verrez également l’entrée du numéro de téléphone par défaut passer de deux entrées à une entrée qui est en outre préremplie avec “(###) ###-####

Back-end de votre formulaire:

Front-end de votre formulaire:

Exemple B:

Maintenant, pour l’utiliser pour les numéros 1-800 avec un numéro de téléphone, vous pouvez en faire quelque chose comme “1-(8##)-###-####” pour que vos utilisateurs sachent que c’est le type d’informations requises.

Back-end de votre formulaire:

Front-end de votre formulaire:

Exemple C:

Comme autre exemple, supposons que vous prévoyez d’exécuter un programme d’appels de proximité en Australie et que vous devez rassembler des numéros de téléphone limités à ce format. Pour cela, cela ressemblerait à quelque chose comme “+(##)#########“mais, vous pouvez le formater dans n’importe quel pays si ailleurs.

Back-end de votre formulaire:

Front-end de votre formulaire:

Nous espérons vraiment que cela aidera à tout clarifier lors de l’utilisation du masquage d’entrée.

N’hésitez pas à vous familiariser avec cette option. Si vous avez des suggestions ou des questions, n’hésitez pas à commenter ci-dessous ou à poster une question sur notre Forum.

Ce guide vous a-t-il aidé ?

Envoyer un commentaire:

JotForm Avatar
This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

Commentaire:

Podo CommentSoyez le premier à commenter.