Affichage conditionnel du bouton "Suivant" sur une page spécifique

Vous souhaitez masquer le bouton " Suivant" sur une page de formulaire spécifique et ne l'afficher qu'après que l'utilisateur a sélectionné une option dans un champ du formulaire ?

Dans ce tutoriel, nous vous expliquons comment y parvenir à l'aide d'un petit extrait de code.

Ajout de l'extrait de code

Ce snippet est conçu pour fonctionner avec des champs de type Choix multiple, dans lesquels une option doit être sélectionnée. Il se peut que vous deviez adapter le sélecteur jQuery à d'autres types de champs.

Tout d'abord, vous devez ajouter l'extrait de code suivant à votre site.

Si vous avez besoin d'aide pour ajouter du code personnalisé à votre site, veuillez consulter notre guide sur l'ajout de PHP ou de JavaScript personnalisés à votre site.

Personnalisation de l'extrait de code

Dans l'extrait de code ci-dessus, vous devez remplacer 1000 avec l'identifiant de votre formulaire sur numéros de ligne 9, 14et 24.

Vous devrez également remplacer 10 avec l'ID du champ de formulaire que vous voulez utiliser sur numéros de ligne 26 et 27.

Si vous avez besoin d'aide pour trouver l'identifiant de votre formulaire, veuillez consulter ce guide sur la recherche des identifiants de formulaire et de champ.

Le code suppose que vous souhaitez afficher/masquer le bouton Suivant sur la page 2 de votre formulaire. Si vous souhaitez cibler une autre page, il vous suffit de modifier l'attribut data-page valeur de l'attribut.

Et le tour est joué ! Grâce à cet extrait de code, le bouton Suivant de la page spécifiée sera masqué par défaut et n'apparaîtra qu'une fois qu'une option aura été sélectionnée dans le champ de formulaire désigné.

Ensuite, vous souhaitez en savoir plus sur l'affichage conditionnel des boutons ? Consultez notre article sur l'affichage conditionnel du bouton submit pour plus de détails.