Botón de envío de formulario adaptable desactivado en la página del sitio de AEM
Cuando incrusta un formulario adaptable en una página de sitio de AEM, el botón Enviar permanece deshabilitado debido a que faltan dependencias de JavaScript o no se han inicializado. Este problema no se produce al obtener una vista previa del formulario independiente. Incluso los formularios simples con campos mínimos muestran el mismo comportamiento. Para solucionarlo, asegúrese de que todas las secuencias de comandos y bibliotecas de cliente necesarias se cargan correctamente.
Descripción description
Entorno
Adobe Experience Manager (AEM), versión 6.5: Forms
Problema/Síntomas
- El botón Enviar permanece deshabilitado cuando el formulario adaptable está incrustado en una página de sitio.
- La inspección de elementos muestra: el botón está deshabilitado hasta que se inicialicen los JS necesarios.
- No aparecen errores en los registros, ni siquiera con una configuración mínima del formulario.
- El problema se produce incluso con formularios básicos que solo contienen un campo de texto y un botón.
- Los scripts necesarios para la inicialización del formulario no se cargan correctamente.
Resolución resolution
Para resolver el problema, siga estos pasos:
-
Identifique si la implementación utiliza AEM Forms as a Cloud Service o local (JEE u OSGi).
-
Compruebe la compatibilidad de los componentes comprobando las versiones de los componentes principales de WCM y de los componentes principales de Forms adaptable. Confirme que
core.wcm.components.versionycore.forms.components/af.versionestán actualizados. -
Inspeccione la configuración del proyecto del sitio, ya que esto puede estar causando problemas de inicialización de scripts:
- Asegúrese de que todas las secuencias de comandos necesarias para la funcionalidad de Forms adaptable se incluyen y cargan correctamente en la página incrustada. Consulte Incrustar un formulario adaptable en una página de sitios de AEM.
- Abra la plantilla de página y seleccione Directiva de página en el menú del carril superior.
- En Propiedades
>Biblioteca de cliente, agregue la referencia de biblioteca de cliente:core.forms.components.runtime.all.
-
Pruebe la incrustación de formularios simples (por ejemplo, un solo campo de texto y un botón) para determinar si el problema es con formularios específicos o un problema de configuración más amplio.
-
Si corresponde, compruebe los paquetes de contenido para ver si faltan dependencias o configuraciones incorrectas relacionadas con los formularios y scripts.
Lectura relacionada
Componente de botón de envío en la Guía de componentes principales de AEM.