Limiter le nombre de sélections de cases à cocher

Souhaitez-vous limiter le nombre de cases à cocher qu'un utilisateur peut sélectionner dans un champ "cases à cocher" ? Normalement, un champ "cases à cocher" permet de cocher n'importe quel nombre de cases, mais dans certaines situations, il est possible que vous souhaitiez limiter le nombre de sélections autorisées.

Ce tutoriel vous montrera comment limiter facilement le nombre de cases à cocher pouvant être sélectionnées.

Veuillez activer JavaScript dans votre navigateur pour remplir ce formulaire.

Essayez ce formulaire de démonstration !

Veuillez sélectionner les deux sujets qui vous intéressent le plus :

Consultez notre modèle de formulaire de demande de parcelle de jardin communautaire pour avoir un aperçu de cette fonctionnalité. Vous pouvez facilement l'importer sur votre site si vous souhaitez utiliser le modèle.


Avant de commencer, vous devez d'abord vous assurer que WPForms est installé et activé sur votre site WordPress, et que vous avez vérifié votre licence. Ensuite, vous pouvez créer un nouveau formulaire ou éditer un formulaire existant pour accéder au générateur de formulaires.

Vous souhaitez limiter le nombre de choix dans le champ "Checkbox Items" utilisé dans les formulaires de paiement? Dans ce cas, vous devrez utiliser un extrait de code personnalisé, que nous détaillons dans notre document à l'intention des développeurs sur la limitation des choix dans un champ "Checkbox Items".

Ajout d'une limite de case à cocher

Une fois le générateur de formulaires ouvert, ajoutez un champ Checkboxes à votre formulaire.

Sélectionner le champ des cases à cocher

Cliquez maintenant sur ce champ dans la zone de prévisualisation pour ouvrir ses options.

Options du champ des cases à cocher

Ensuite, dans le panneau Options du champ, cliquez sur l'onglet Avancé pour ouvrir les options avancées du champ.

Cliquez sur l'onglet avancé

Ensuite, dans le champ Limite de choix, ajoutez le nombre maximum de cases à cocher que vous souhaitez que vos utilisateurs puissent sélectionner. Dans notre exemple, nous limiterons nos utilisateurs à deux choix.

Ajouter une limite de choix

Une fois que vous avez ajouté votre limite de choix, n'oubliez pas d'enregistrer votre formulaire.

Si vous souhaitez que vos utilisateurs ne puissent sélectionner qu'une seule option à la fois, nous vous recommandons d'utiliser le champ Choix multiple. Consultez notre guide d'utilisation du champ Choix multiple pour plus de détails.

Tester votre formulaire

Pour la dernière étape de cette configuration, nous vous recommandons de tester votre formulaire afin de vérifier qu'il se présente et fonctionne comme vous le souhaitez. Notre guide détaillé sur lestests de formulaires à l'adresse présente une liste de contrôle des étapes recommandées à prendre en compte avant de publier vos formulaires.

Pour cette fonctionnalité particulière, la principale chose que vous devriez remarquer lorsque vous testez votre formulaire est le message de validation. Ce message apparaît lorsque l'utilisateur a dépassé le nombre de sélections autorisées. L'utilisateur ne pourra pas soumettre le formulaire tant qu'il n'aura pas sélectionné le nombre correct de cases.

Dépassement du nombre de sélections

Voilà, c'est fait ! Vous pouvez désormais limiter le nombre de cases qu'un utilisateur peut cocher dans un champ Checkboxes.

Ensuite, vous souhaitez essayer d'autres options de personnalisation pour le champ Cases à cocher ? N'oubliez pas de consulter nos tutoriels sur la randomisation des options des cases à cocher, la création de mises en page multi-colonnes et l'activation des rapports d'enquête.

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.