Divulgation : Notre contenu est soutenu par nos lecteurs. Cela signifie que si vous cliquez sur certains de nos liens, nous pouvons gagner une commission. Découvrez 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 sur WordPress et l'hébergement Web. En savoir plus

Le meilleur plugin de création de formulaires par glisser-déposer pour WordPress

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

Populaire sur WPForms en ce moment !

Fonctionnalités cachées de WPForms que vous ignoriez

Fonctionnalités cachées de WPForms que vous ne connaissiez pas

Découvrez la puissance cachée de WPForms avec ces fonctionnalités moins connues qui peuvent transformer votre expérience de création de formulaires. Des boosters de productivité aux outils de gestion de données, découvrez les secrets pour créer des formulaires plus efficaces et conviviaux.

Que vous soyez un utilisateur expérimenté de WPForms ou que vous débutiez, ces pépites cachées vous aideront à créer des formulaires qui non seulement sont beaux, mais fonctionnent plus intelligemment. Libérez tout le potentiel de WPForms et rationalisez votre processus de gestion des formulaires avec ces conseils et astuces d'experts.

43 commentaires sur « Comment limiter les champs de formulaire avec des masques de saisie (+ exemples) »

  1. Puis-je définir une longueur min / max par exemple pour un champ de ligne unique et cela sera-t-il validé correctement ?

    Répondre

  2. Que se passe-t-il si vous n’avez pas de champ nommé « Masque de saisie » ? Il n’y a rien sous le champ « Classes CSS » dans les « Options avancées » ?

    Répondre

    1. Bonjour Dianne,

      Je m’excuse pour tout inconvénient ! Lors de l’ajout d’un masque de saisie, assurez-vous d’utiliser un champ Texte sur une seule ligne (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 entièrement à jour.

      Si vous essayez cela et que vous ne voyez toujours pas les options attendues, veuillez nous contacter afin que nous puissions vous aider davantage. Si vous avez une licence WPForms, vous avez accès à notre support par e-mail, veuillez donc soumettre un ticket de support.

      Sinon, nous offrons un support limité et gratuit sur le forum de support WPForms Lite sur WordPress.org.

      Merci 🙂

      Répondre

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

    Vous utilisez l’exemple de masque de saisie pour une adresse e-mail à « monsite.com »

    Masque : *[*{0,50}]@monsite.com
    Exemple de saisie : [email protected] ou [email protected]

    Mais que se passe-t-il si votre site Web contient la lettre « a » ? Par exemple…

    En utilisant ce masque de calque : *[*{0,50}]@mondomaine.com
    rend effectivement un champ qui a un blanc pour le « a » dans domaine.
    Exemple de saisie : _______@mondom_ine.com

    Comment formater le masque de calque afin que toute la chaîne « mondomaine.com » reste intacte ?

    Merci d’avance pour votre aide !

    Répondre

    1. Bonjour Re,

      Je suis désolé pour le problème ! J’ai reproduit le problème que vous avez décrit et je l’ai partagé avec notre équipe pour qu’elle travaille sur une solution. Merci de nous en avoir informé afin que nous puissions résoudre ce problème ! 🙂

      Répondre

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

    J’utilise ce masque : *[*{0,30}].

    Cependant, il n’inclut pas les « espaces » comme caractère.

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

    Répondre

    1. Bonjour Alicia,

      Nos masques de sais ne fournissent pas actuellement une exigence de « espace » de cette manière. Vous pourriez plutôt envisager d’utiliser un peu de code personnalisé pour ajouter cette limite de caractères à la place (voici notre documentation avec les détails).

      Le code de cette documentation comptera les espaces comme des caractères, il devrait donc fonctionner davantage comme ce que vous avez en tête.

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

      J'espère que cela vous aide ! 🙂

      Répondre

  5. J’ai le même problème que RE CARLSON
    —
    Mais que faire si votre site Web contient la lettre « a » ?
    —
    Avez-vous une solution pour cela ?
    Merci.

    Répondre

    1. Salut Allan,

      J’ai une bonne nouvelle : nous avons une solution pour cela 🙂

      Pour ajouter un « a » sans en faire partie de la zone de saisie, vous pouvez l’échapper en utilisant `\\`. Par exemple, si vous entriez ceci comme masque de saisie : `this is \\a test aaa`, cela finirait par être : « this is a test ___ ».

      Assurez-vous donc de placer cette double barre oblique inverse devant tout A, a ou 9 que vous souhaitez conserver tel quel (sans convertir en _).

      J'espère que cela vous aide ! 🙂

      Répondre

  6. bonjour,

    J’ai besoin d’alphanumériques en majuscules (0-9 ou A-Z) à combiner avec un espace entre les caractères. Apparemment, « & » n’autorise aucun espacement.

    Répondre

    1. Bonjour Elyas,

      Nous n’avons pas de caractère spécial pour autoriser les espaces ; à la place, vous pouvez simplement ajouter un espace entre les caractères & que vous souhaitez, de sorte que le champ de masque de saisie puisse se lire comme « &&&& &&&& ».

      J'espère que cela vous aide ! 🙂

      Répondre

      1. Comment faire pour que le champ n’accepte que des nombres commençant par la plage 6-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 de texte de ligne unique, cependant, il n’y a pas d’option intégrée pour utiliser la plage de nombres là-bas.
        Vous pouvez donc l’avoir comme ceci, par exemple « \\799999 » et cela n’autorisera que « 7 » au début, puis 5 chiffres supplémentaires quelconques, mais nous n’avons malheureusement pas de règles pour choisir 7 OU 8 OU 9 là au début.
        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 !

        Passez une bonne journée 🙂

  7. J'utilise WPForms pour la première fois, gratuitement, pour tester la compatibilité avec des solutions que j'ai déjà mises en place. Cependant, en essayant de personnaliser un masque simple suggéré par vous, comme « https://www.f\\acebook.com/*{1,22} », dans un champ de « texte sur une seule ligne », je constate que des caractères spéciaux simples comme ? . ou / ; ne sont pas acceptés. Est-ce une limitation intentionnelle imposée aux utilisateurs gratuits, ou pourriez-vous m'indiquer par quel symbole je devrais remplacer * pour permettre la saisie de caractères spéciaux dans le masque.

    Répondre

    1. Salut Waqas - Si le nombre de chiffres est fixe, alors c'est faisable. Par exemple, ce masque de saisie affichera 9 chiffres et une virgule tous les 3 chiffres 999\,999\,999

      J'espère que cela vous aide !

      Répondre

    1. Salut Afif – Nous avons des tutoriels sur les masques de saisie avancés dans cet article qui expliquent comment ajouter certains caractères.

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

      Merci 🙂

      Répondre

  12. Bonjour, mes masques de saisie ne semblent plus fonctionner, les champs de texte permettent d'écrire n'importe quoi bien que les masques soient actifs. Une aide s'il vous plaît ? merci.

    Répondre

  13. Bonjour,

    Je crée un champ de nom avec du texte unique et seuls les alphabets et les espaces devraient être ajoutés. Pour cela, j'ai ajouté un masque de saisie comme a{1,50}. Cela accepte les alphabets, mais les espaces ne peuvent pas être ajoutés, veuillez me donner une solution pour cela.

    Répondre

    1. Salut Amrita ! Je m'excuse, mais les masques de saisie ne conviendraient pas à ce type de cas d'utilisation, car ils sont destiné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 pourraient 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), cependant je m'excuse car nous ne pouvons pas fournir de support pour ce degré de personnalisation. Ce fil de discussion pourrait vous donner quelques idées.

      Je suis désolé de ne pas pouvoir fournir de solution à ce problème, mais si vous avez d'autres questions, veuillez nous contacter si vous avez un abonnement actif. Si ce n'est pas le cas, n'hésitez pas à nous poser vos questions sur nos forums de support.

      Répondre

  14. Salut tout le monde

    comment puis-je créer un masque de cette façon ?

    +55 (99) 9 9999-9999 ou +55 (99) 9999-9999 sur la même saisie.

    merci,

    Répondre

    1. Salut ! Il semble que vous ayez posté cette question dans plusieurs articles, je vais donc y répondre à un seul endroit ici.

      Je m'excuse, mais il n'est pas possible de spécifier où le nombre optionnel serait placé, car le masque de saisie fonctionne selon la séquence dans laquelle les caractères sont entrés. Techniquement, le nombre optionnel pourrait rester optionnel, mais cela signifierait que vos utilisateurs devraient "sauter" ce caractère en entrant un espace à cette position, puis continuer à remplir le reste du champ.

      Cela devrait être possible avec un codage personnalisé, cependant je suis désolé que de telles personnalisations soient hors de portée de notre support. Si vous souhaitez explorer des options de développement personnalisé, nous recommandons vivement d'utiliser Codeable. Codeable sélectionne tous les développeurs pour vous afin de vous assurer qu'ils sont hautement qualifiés et communicatifs, puis vous aide également à guider l'ensemble du processus de connexion et de communication avec un développeur idéal.

      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 continuer à revenir (à plus long terme) pour obtenir de l'aide en développement personnalisé, vous pourriez également envisager de consulter WPBuffs.

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

      Répondre

  15. L'élément numéro de téléphone n'offre pas de masquage de saisie, cette fonctionnalité est-elle possible ?

    Nous aimerions pouvoir utiliser le masquage de saisie sur l'élément numéro de téléphone car il offre le sélecteur d'indicatif pays, alors qu'une saisie de texte normale n'en offre pas (bien qu'elle offre le masquage de saisie).

    Merci,
    Mark

    Répondre

    1. Salut Mark,

      Nous n'avons pas de fonctionnalité intégrée pour définir le masque personnalisé pour le champ Téléphone. Cependant, cela peut être réalisé en utilisant le champ de saisie de ligne unique et en définissant le masque de saisie personnalisé comme montré ici.

      J'espère que cela vous aide ! 🙂

      Répondre

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

    Donc, un utilisateur est toujours obligé de saisir des décimales entières + x ?

    Par exemple :

    0.015
    0.792
    0.28
    1.256

    Répondre

    1. Salut Cristian – vous pouvez utiliser le masque de saisie suivant pour y parvenir : $ [[9],999.99].

      J'espère que cela vous aide !

      Répondre

    1. Salut Kashmira – vous pouvez utiliser le masque de saisie suivant pour y parvenir : EMP2[9999].

      J'espère que cela vous aide !

      Répondre

  19. Salut ! Comment puis-je créer un masque de saisie pour un montant facultatif
    par exemple 1 000 000 $ ou 250 000 $ en ajoutant une virgule entre les deux selon le montant ?

    Répondre

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

      Merci et passez une bonne journée !

      Répondre

  21. Salut – 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 un espace de fin/début comme « AA9999[_] » sera entré comme « AA9999 » sans l'espace ?

    Répondre

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 tous les liens sont nofollow. N'utilisez PAS de mots-clés dans le champ du nom. Ayons une conversation personnelle et significative.

Ce formulaire est protégé par Cloudflare Turnstile et la politique de confidentialité et les conditions d'utilisation de Cloudflare s'appliquent.