Bouton Envoyer de formulaire adaptatif désactivé sur la page du site AEM
Lorsque vous incorporez un formulaire adaptatif dans une page de site AEM, le bouton Envoyer reste désactivé en raison de dépendances JavaScript manquantes ou non initialisées. Ce problème ne se produit pas lors de la prévisualisation du formulaire autonome. Même les formulaires simples avec des champs minimaux affichent le même comportement. Pour corriger ce problème, assurez-vous que tous les scripts et bibliothèques clientes requis sont correctement chargés.
Description description
Environnement
Adobe Experience Manager (AEM), v6.5 - Forms
Problème/Symptômes
- Le bouton Envoyer reste désactivé lorsque le formulaire adaptatif est incorporé dans une page de site.
- L’inspection des éléments affiche : le bouton est désactivé jusqu’à l’initialisation des JS requis.
- Aucune erreur n’apparaît dans les journaux, même avec une configuration de formulaire minimale.
- Le problème se produit même avec les formulaires de base contenant uniquement un champ de texte et un bouton.
- Les scripts requis pour l’initialisation du formulaire ne se chargent pas correctement.
Résolution resolution
Pour résoudre ce problème, procédez comme suit :
-
Déterminez si le déploiement utilise AEM Forms as a Cloud Service ou on-premise (JEE ou OSGi).
-
Vérifiez la compatibilité des composants en vérifiant les versions des composants principaux de gestion de contenu web et des composants principaux de Forms adaptatif. Vérifiez que
core.wcm.components.versionetcore.forms.components/af.versionsont à jour. -
Inspectez la configuration de votre projet de site, car cela peut entraîner des problèmes d’initialisation du script :
- Assurez-vous que tous les scripts nécessaires à la fonctionnalité de Forms adaptatif sont inclus et correctement chargés dans la page incorporée. Pour plus d'informations, consultez la section Incorporer un formulaire adaptatif dans une page AEM Sites.
- Ouvrez le modèle de page et sélectionnez l’option Politique de page dans le menu du rail supérieur.
- Dans la Propriétés
>la section Bibliothèques clientes, ajoutez la référence de bibliothèque cliente :core.forms.components.runtime.all.
-
Testez l’incorporation de formulaires simples (par exemple, un seul champ de texte et un seul bouton) pour déterminer si le problème concerne des formulaires spécifiques ou un problème de configuration plus large.
-
Le cas échéant, recherchez les dépendances manquantes ou les configurations incorrectes liées à vos formulaires et scripts dans les packages de contenu.
Lecture connexe
Composant du bouton Envoyer dans le Guide des composants principaux d’AEM.