Afficher un décompte en temps réel des champs répétitifs dans votre formulaire

Souhaitez-vous afficher en temps réel le nombre de lignes de champs répétitifs ajoutées à votre formulaire ? Cela peut être utile lorsque vous souhaitez que les utilisateurs voient combien d'éléments ils ont saisis, en particulier dans des scénarios tels que l'ajout de noms, de tâches ou d'articles de produits.

Dans ce tutoriel, nous allons vous montrer comment mettre à jour automatiquement un champ "Count" en temps réel en utilisant un simple snippet PHP.

Note: Ce tutoriel implique l'ajout de PHP et de JavaScript. Si vous avez besoin d'aide pour ajouter des snippets à votre site, veuillez consulter ce guide sur l'ajout de code personnalisé pour WPForms.

Création du formulaire

Pour commencer, créez votre formulaire et incluez un champ Repeater ainsi qu'un champ de texte à ligne unique intitulé quelque chose comme "Count". Ce champ sera mis à jour automatiquement et ne doit pas être rempli manuellement par l'utilisateur.

Si vous avez besoin d'aide pour créer un formulaire, consultez notre tutoriel sur la création de votre premier formulaire.

Ajout de l'extrait de code

Utilisez l'extrait suivant pour activer la fonction de comptage en temps réel sur votre formulaire.

Personnalisation de l'extrait de code

Vous devrez mettre à jour les identifiants suivants dans l'extrait pour qu'ils correspondent à votre propre formulaire :

  • wpforms-5410-field_1-container: Remplacer 5410 avec votre ID du formulaire et field_1 avec votre ID du champ du répéteur.
  • wpforms-5410-field_3: Remplacer field_3 avec votre Comptage Champ ID.

Pour localiser les identifiants de vos formulaires et champs, consultez ce tutoriel.

Une fois ce snippet ajouté et les ID mis à jour, le champ Count sera automatiquement mis à jour lorsque les utilisateurs ajouteront ou supprimeront des lignes dans le répéteur.

Et le tour est joué ! Vous avez maintenant ajouté un compteur dynamique à votre champ répétiteur, ce qui permet aux utilisateurs d'avoir une vue d'ensemble claire du nombre d'entrées qu'ils ont effectuées.