Divulgation: Notre contenu est soutenu par les lecteurs. Cela signifie que si vous cliquez sur certains de nos liens, il se peut que nous recevions une commission. Voyez comment WPForms est financé, pourquoi c'est important, et comment vous pouvez nous soutenir.

Claire Broadley

Claire est la responsable du contenu de l'équipe WPForms. Elle a plus de 13 ans d'expérience dans la rédaction d'articles sur WordPress et l'hébergement web.

Le meilleur plugin WordPress de construction de formulaires par glisser-déposer

Facile, rapide et sécurisé. Rejoignez plus de 6 millions de propriétaires de sites web qui font confiance à WPForms.

Veuillez activer JavaScript dans votre navigateur pour remplir ce formulaire.

43 comments on "Comment limiter les champs de formulaire avec des masques de saisie (+Exemples)"

  1. Puis-je définir une longueur minimale/maximale, par exemple pour un champ d'une seule ligne, et cela sera-t-il validé correctement ?

  2. Que se passe-t-il si vous n'avez pas de champ nommé Input Mask ? Il n'y a rien sous le champ CSS Classes dans les options avancées ?

    1. Bonjour Dianne,

      Je vous prie de m'excuser pour les problèmes rencontrés ! Lorsque vous ajoutez un masque de saisie, assurez-vous que vous utilisez un champ de type Single Line Text (c'est actuellement le seul type de champ qui autorise les masques de saisie). De plus, il s'agit d'une fonctionnalité plus récente, assurez-vous donc que votre plugin WPForms est bien à jour.

      Si vous essayez et que vous ne voyez toujours pas les options que vous attendez, veuillez nous contacter pour que nous puissions vous aider. Si vous avez une licence WPForms, vous avez accès à notre support par email, veuillez donc soumettre un ticket de support.

      Sinon, nous fournissons une assistance gratuite limitée dans le forum d'assistance WPForms Lite WordPress.org.

      Merci 🙂 .

  3. Bonjour, dans cet article : https://wpforms.com/docs/how-to-use-custom-input-masks/

    Vous utilisez le masque de saisie de l'exemple pour une adresse électronique à "mysite.com"

    Mask: *[*{0,50}]@mysite.com
    Example Input: [email protected] or [email protected]

    Mais qu'en est-il si votre site web contient la lettre "a" ? Par exemple...

    Using this layer mask: *[*{0,50}]@mydomain.com
    actually renders a field that has a blank for the “a” in domain.
    Example input: _______@mydom_in.com

    Comment formater le masque de calque de manière à ce que la chaîne de caractères "mydomain.com" reste intacte ?

    Merci d'avance pour votre aide !

    1. Bonjour Re,

      Je suis désolé pour ce problème ! J'ai reproduit le problème que vous avez décrit et je l'ai communiqué à notre équipe pour qu'elle trouve une solution. Merci de nous en informer afin que nous puissions résoudre ce problème 🙂 .

  4. Bonjour à tous. Je souhaite utiliser l'outil de masque de saisie pour limiter la saisie de caractères dans certains de mes champs.

    I’m using this mask: *[*{0,30}].

    Cependant, il n'inclut pas les "espaces" en tant que caractères.

    Quel masque de saisie puis-je utiliser pour inclure les espaces en tant que caractères dans ma limite de 30 caractères ?

    1. Bonjour Alicia,

      Nos masques de saisie ne prévoient pas actuellement de limite d'espace de cette manière. A la place, vous pouvez envisager d'utiliser un peu de code personnalisé pour ajouter cette limite de caractères à la place(voici notre document avec les détails).

      Le code de ce document compte les espaces comme des caractères, et devrait donc correspondre davantage à ce que vous avez à l'esprit.

      Et si cela peut vous aider, voici comment ajouter un code personnalisé comme celui-ci à votre site.

      J'espère que cela vous aidera 🙂 .

  5. Je rencontre le même problème que RE CARLSON
    -
    Mais que se passe-t-il si votre site web contient la lettre "a" ?
    -
    Avez-vous une solution à ce problème ?
    Je vous remercie.

    1. Bonjour Allan,

      J'ai une bonne nouvelle : nous avons une solution à ce problème 🙂 .

      Pour ajouter un "a" sans qu'il fasse partie de la zone de saisie, vous pouvez l'échapper en utilisant ``A``. Par exemple, si vous saisissez ceci comme masque de saisie : `this is \\a test aaa`, vous obtiendrez : "ceci est un test ___".

      Veillez donc à placer cette double barre oblique inverse devant tout A, a ou 9 que vous souhaitez conserver tel quel (et non pas convertir en _).

      J'espère que cela vous aidera 🙂 .

  6. Bonjour,

    J'ai besoin de caractères alphanumériques majuscules (0-9 ou A-Z) à combiner avec un espace entre les caractères. Apparemment, "&" ne permet pas d'espacement.

    1. Bonjour Elyas,

      Nous n'avons pas de caractère spécial pour les espaces, mais vous pouvez simplement ajouter un espace entre les caractères & que vous souhaitez, de sorte que le champ du masque de saisie se lise comme suit : "&&&& &&&&".

      J'espère que cela vous aidera 🙂 .

      1. Comment faire pour que les champs n'acceptent que les nombres compris entre 6 et 9. J'utilise WPForms Basic acheté.

        Exemple
        7898981226
        8985607458
        9989878774

      2. Bonjour Munaf !

        Vous pouvez créer un masque de saisie personnalisé pour le champ Texte à ligne unique, mais il n'y a pas d'option intégrée pour utiliser la plage de chiffres.
        Vous pouvez donc le faire comme ceci, par exemple "\\N- 799999" et il n'autorisera que "7" au début et ensuite 5 autres chiffres quelconques, mais nous n'avons pas de règles pour choisir 7 OU 8 OU 9 au début, malheureusement.
        Et si cela peut vous aider, nous avons un autre excellent tutoriel sur la façon d'utiliser un masque de saisie personnalisé dans WPForms ici.

        Je m'excuse pour toute confusion !

        Je vous souhaite une bonne journée 🙂 .

  7. Estou iniciando o uso do WPFroms ainda de forma gratuita para testes de compatibilidade com soluções que já tenho implantadas, contudo tentando personalizar uma mascara simples sugerida por vocês como “https://www.f\\acebook.com/*{1,22}” em um campo de “texto de linha unica” percebo que não são aceitos caracteres especiais simples como ? . ou / ; isso é uma limitação proposital impostas a usuários gratuitos ou poderiam me informar por qual simbolo deveria substituir o de * para permitir a entrada de caracteres especiais na mascara.

    1. Waqas - Si le nombre de chiffres est fixe, c'est possible. Par exemple, ce masque de saisie affichera 9 chiffres et une virgule après chaque 3 chiffres 999,999,999

      J'espère que cela vous aidera !

    1. Hey Afif - Nous avons quelques tutoriels sur les masques de saisie dans cet article qui explique comment ajouter des caractères.

      Pour plus d'aide à ce sujet, veuillez nous laisser une ligne dans le support afin que nous puissions vous aider. Si vous avez une licence WPForms, vous avez accès à notre support par email, veuillez donc soumettre un ticket de support. Sinon, nous fournissons un support gratuit limité dans le forum de support WPForms Lite WordPress.org.

      Merci 🙂 .

  8. Bonjour, mes masques de saisie semblent ne plus fonctionner, les champs de texte laissent écrire n'importe quoi bien que les masques soient actifs. Merci de votre aide.

  9. Bonjour,

    Je crée un champ de nom avec un texte d'une seule ligne et seuls les alphabets et les espaces doivent être ajoutés. Pour cela, j'ai ajouté un mât d'entrée sous la forme a{1,50}. Cela accepte les alphabets, mais les espaces ne peuvent pas être ajoutés.

    1. Bonjour Amrita ! Je m'excuse, mais les masques de saisie ne conviennent pas à ce type d'utilisation, car ils sont censés fournir une structure spécifique à la saisie, par exemple un numéro de téléphone ou un numéro d'identification. Les espaces ne peuvent pas être utilisés dans un masque de saisie.

      Pour faire ce que vous cherchez, il faudrait un codage personnalisé (généralement jQuery ou JavaScript), mais je m'excuse car nous ne sommes pas en mesure de fournir un support pour ce degré de personnalisation. Ce fil de discussion pourrait cependant vous donner quelques idées.

      Je suis désolé que nous ne soyons pas en mesure de fournir une solution à ce problème, mais si vous avez d'autres questions, n'hésitez pas à nous contacter si vous avez un abonnement actif. Si ce n'est pas le cas, n'hésitez pas à nous poser des questions dans nos forums d'assistance.

  10. Bonjour à tous

    Comment créer un masque de cette manière ?

    +55 (99) 9 9999-9999 ou +55 (99) 9999-9999 sur la même entrée.

    tks,

    1. Bonjour à tous ! Il semble que vous ayez posé cette question dans plusieurs articles, c'est pourquoi je la traiterai ici en un seul endroit.

      Je m'excuse, mais il n'est pas possible de spécifier l'emplacement du numéro facultatif, car le masque de saisie fonctionne selon l'ordre dans lequel les caractères sont saisis. Techniquement, le numéro facultatif pourrait rester facultatif, mais cela signifierait que vos utilisateurs devraient "sauter" ce caractère en saisissant un espace à l'emplacement de ce caractère, puis en continuant à remplir le reste du champ.

      Cela devrait être possible avec un peu de codage personnalisé, mais je suis désolé que de telles personnalisations sortent du cadre de notre assistance. Si vous souhaitez examiner les options de développement personnalisé, nous vous recommandons vivement d'utiliser Codeable. Codeable sélectionne tous les développeurs pour vous afin de s'assurer qu'ils sont hautement qualifiés et communicatifs, et vous aide ensuite à guider l'ensemble du processus de connexion et de communication avec le développeur le mieux adapté.

      Voici notre tutoriel sur l'utilisation de Codeable, qui fournit plus de détails sur le fonctionnement de ce processus.

      Ou si vous souhaitez une équipe vers laquelle vous pouvez revenir (à plus long terme) pour une aide au développement personnalisé, vous pouvez également envisager de jeter un œil à WPBuffs.

      J'espère que cela vous aidera à clarifier la situation 🙂 Si vous avez d'autres questions à ce sujet, n'hésitez pas à nous contacter si vous avez un abonnement actif. Si ce n'est pas le cas, n'hésitez pas à nous poser des questions dans nos forums de support.

  11. L'élément "numéro de téléphone" ne permet pas de masquer les entrées. Cette fonction est-elle possible ?

    Nous aimons pouvoir utiliser le masquage d'entrée sur l'élément numéro de téléphone parce qu'il offre le sélecteur de code de pays, alors qu'une entrée de texte ordinaire ne le fait pas (bien qu'elle offre le masquage d'entrée).

    Merci,
    Mark

    1. Bonjour Mark,

      Nous ne disposons pas d'une fonction intégrée permettant de définir le masque personnalisé pour le champ Téléphone. Toutefois, il est possible de le faire en utilisant le champ de texte à ligne unique et en définissant le masque de saisie personnalisé comme indiqué ici.

      J'espère que cela vous aidera 🙂 .

  12. Est-il possible d'exiger une saisie décimale dans le champ numérique ?

    L'utilisateur doit donc toujours saisir un nombre entier + x décimales ?

    Par exemple :

    0.015
    0.792
    0.28
    1.256

    1. Hey Cristian - vous pouvez utiliser le masque d'entrée suivant pour y parvenir : $ [[9],999.99].

      J'espère que cela vous aidera !

    1. Hey Kashmira - Vous pouvez utiliser le masque d'entrée suivant pour y parvenir:EMP2[9999].

      J'espère que cela vous aidera !

  13. Bonjour, Comment puis-je créer un masque de saisie pour un montant optionnel ?
    par exemple $1,000,000 ou $250,000 en ajoutant une virgule entre les deux en fonction du montant ?

    1. Mariana, malheureusement, nous n'avons pas d'option intégrée pour le format optionnel avec masque de saisie comme vous l'avez décrit. Je suis d'accord pour dire que ce serait très utile. J'ai pris note de cette demande de fonctionnalité et nous la garderons à l'esprit lorsque nous planifierons notre feuille de route pour l'avenir.

      Merci et bonne journée !

  14. Bonjour, puis-je utiliser un masque de saisie pour NE PAS autoriser les espaces ?
    Par exemple, si un utilisateur tape "AA 9999", le masque forcera "AA9999" ?
    Ou bien un espace de début ou de fin comme "AA9999[_]" se traduira par "AA9999" sans l'espace ?

Ajouter un commentaire

Nous sommes heureux que vous ayez choisi de laisser un commentaire. N'oubliez pas que tous les commentaires sont modérés conformément à notre politique de confidentialité et que tous les liens ne sont pas suivis. N'utilisez PAS de mots-clés dans le champ du nom. Engageons une conversation personnelle et constructive.

Ce formulaire est protégé par le tourniquet de Cloudflare et la politique de confidentialité et les conditions de service de Cloudflare s'appliquent.