Un club de sport associatif accueille aussi bien des enfants de six ans que des adultes de soixante ans passés, chacun avec des besoins de formulaire différents : un mineur nécessite les coordonnées d’un représentant légal, un adulte non. Gérer ces deux cas avec deux formulaires séparés multiplie inutilement le travail de maintenance et complique le parcours d’inscription pour les familles inscrivant plusieurs enfants d’âges différents.
La logique conditionnelle intégrée au widget Formulaire d’Elementor Pro permet de résoudre ce problème avec un formulaire unique, qui adapte ses champs visibles selon la date de naissance saisie par le licencié ou son parent.
Structurer le formulaire en tranches d’âge
Le formulaire s’ouvre sur un champ de date de naissance obligatoire, suivi de tous les autres champs habituels (nom, prénom, adresse, certificat médical). Trois groupes de champs additionnels sont ensuite préparés : un pour les mineurs de moins de treize ans, un pour les adolescents de treize à dix-sept ans, et un pour les majeurs, chacun avec ses propres exigences réglementaires en matière de représentant légal et d’autorisation parentale.
Cette organisation en amont, réfléchie sur papier avant même d’ouvrir l’éditeur Elementor, évite de reconstruire la logique conditionnelle à mi-parcours une fois que la structure du formulaire s’avère mal pensée pour le cas des adolescents, souvent l’oublié de ce type de projet.
Configurer la logique conditionnelle par champ
Chaque champ additionnel dispose, dans ses réglages avancés, d’une section Logique qui permet de définir une condition d’affichage basée sur la valeur d’un autre champ du même formulaire. Ici, la condition ne porte pas directement sur la date de naissance mais sur un champ calculé côté navigateur qui traduit cette date en tranche d’âge, via un petit script JavaScript déclenché au changement de valeur du champ date.
document.querySelector('[name="form_fields[date_naissance]"]').addEventListener('change', function () {
const naissance = new Date(this.value);
const age = new Date().getFullYear() - naissance.getFullYear();
const tranche = age < 13 ? 'mineur' : age < 18 ? 'ado' : 'majeur';
document.querySelector('[name="form_fields[tranche_age]"]').value = tranche;
document.querySelector('[name="form_fields[tranche_age]"]').dispatchEvent(new Event('change'));
});Le champ caché tranche_age, mis à jour par ce script, sert ensuite de critère unique et fiable pour la logique conditionnelle native des autres champs du formulaire Elementor Pro, sans que le licencié n’ait jamais à sélectionner lui-même sa tranche d’âge.
Le cas particulier du représentant légal
- Les champs du représentant légal apparaissent automatiquement dès qu’un âge de mineur est détecté.
- Un champ de case à cocher d’autorisation parentale devient obligatoire uniquement dans ce cas.
- Le certificat médical reste demandé pour toutes les tranches d’âge, sans distinction.
Tester le formulaire sur des cas limites
Les âges limites, exactement treize ou dix-huit ans au moment de l’inscription, méritent un test dédié pour vérifier que le basculement d’un groupe de champs à l’autre se produit au bon anniversaire, sans zone floue entre deux tranches. Un test avec une date de naissance du jour même de l’inscription permet aussi de vérifier l’absence d’erreur de calcul liée au format de date.
Ce que ce formulaire ne couvre pas
Le paiement de la cotisation associée à l’inscription ne fait pas partie de ce formulaire : il s’effectue par un moyen séparé, choisi par le club selon ses habitudes (virement, espèces au secrétariat, ou passerelle de paiement en ligne distincte), sans lien direct avec la logique conditionnelle décrite ici.
Toujours prévoir un message de confirmation différent selon la tranche d’âge détectée, rappelant par exemple aux parents de mineurs les prochaines étapes administratives spécifiques : un même message générique pour tous les cas donne une impression de formulaire mal fini.
En résumé
Une logique conditionnelle bien pensée, appuyée sur un petit calcul de tranche d’âge côté navigateur, permet à un club sportif de gérer toutes ses inscriptions avec un seul formulaire, sans extension supplémentaire ni double saisie selon le profil du licencié. Un gain de simplicité appréciable pour une association qui gère ses adhésions avec des moyens limités.
