Pulsante Invio modulo adattivo disabilitato nella pagina del sito AEM
Quando incorpori un modulo adattivo in una pagina del sito AEM, il pulsante Invia rimane disabilitato a causa di dipendenze di JavaScript mancanti o non inizializzate. Questo problema non si verifica quando si visualizza l’anteprima del modulo autonomo. Anche i moduli semplici con campi minimi mostrano lo stesso comportamento. Per risolvere questo problema, assicurati che tutti gli script e le librerie client richiesti siano caricati correttamente.
Descrizione description
Ambiente
Adobe Experience Manager (AEM), v6.5 - Forms
Problema/Sintomi
- Il pulsante Invia di rimane disabilitato quando il modulo adattivo è incorporato in una pagina del sito.
- L'ispezione degli elementi mostra che il pulsante è disabilitato fino all'inizializzazione del JS richiesto.
- Nei registri non viene visualizzato alcun errore, anche se la configurazione dei moduli è minima.
- Il problema si verifica anche con i moduli di base contenenti solo un campo di testo e un pulsante.
- Impossibile caricare correttamente gli script necessari per l'inizializzazione del modulo.
Risoluzione resolution
Per risolvere il problema, effettua le seguenti operazioni:
-
Identifica se la distribuzione utilizza AEM Forms as a Cloud Service oppure on-premise (JEE o OSGi).
-
Verifica la compatibilità dei componenti controllando le versioni dei Componenti core WCM e dei Componenti core Forms adattivi. Verificare che
core.wcm.components.versionecore.forms.components/af.versionsiano aggiornati. -
Controllare la configurazione del progetto del sito poiché questo potrebbe causare problemi di inizializzazione dello script:
- Assicurati che tutti gli script necessari per la funzionalità di Forms adattivo siano inclusi e caricati correttamente nella pagina incorporata. Consulta Incorporare un modulo adattivo in una pagina di AEM Sites.
- Apri il modello della pagina e seleziona Criterio pagina dal menu della barra superiore.
- In Proprietà
>Librerie client, aggiungere il riferimento alla libreria client:core.forms.components.runtime.all.
-
Prova ad incorporare moduli semplici (ad esempio, un singolo campo di testo e un pulsante) per determinare se il problema riguarda moduli specifici o un problema di configurazione più ampio.
-
Se applicabile, verificare che nei pacchetti di contenuto non siano presenti dipendenze mancanti o configurazioni errate correlate ai moduli e agli script.
Lettura correlata
Componente pulsante Invia nella Guida dei componenti core di AEM.