Knappen Skicka anpassat formulär har inaktiverats på AEM webbplats

När du bäddar in ett adaptivt formulär på en AEM-webbplatssida är knappen Skicka inaktiverad eftersom JavaScript-beroenden saknas eller inte har initierats. Problemet uppstår inte när du förhandsgranskar formuläret fristående. Även enkla formulär med minimala fält har samma beteende. Kontrollera att alla skript och klientbibliotek är korrekt inlästa för att åtgärda detta.

Beskrivning description

Miljö

Adobe Experience Manager (AEM), v6.5 - Forms

Problem/symtom

  • Knappen Submit förblir inaktiverad när det anpassade formuläret är inbäddat på en webbplatssida.
  • Elementinspektionen visar: knappen är inaktiverad tills den JS som krävs har initierats.
  • Inga fel visas i loggar, även om du inte har gjort så många formulär alls.
  • Problemet inträffar även med grundläggande formulär som bara innehåller ett textfält och en knapp.
  • Skript som krävs för formulärinitiering kan inte läsas in korrekt.

Upplösning resolution

Så här löser du problemet:

  1. Identifiera om distributionen använder AEM Forms as a Cloud Service eller lokalt (JEE eller OSGi).

  2. Verifiera komponentens kompatibilitet genom att kontrollera versionerna av WCM Core Components och Adaptive Forms Core Components. Bekräfta att core.wcm.components.version och core.forms.components/af.version är uppdaterade.

  3. Kontrollera konfigurationen av webbplatsprojektet eftersom detta kan orsaka skriptinitieringsproblem:

    1. Se till att alla skript som behövs för Adaptive Forms-funktionaliteten finns med och är korrekt inlästa på den inbäddade sidan. Mer information finns i Bädda in ett anpassat formulär på en AEM-webbplatssida.
    2. Öppna sidmallen och välj Sidprofil på den översta menyn.
    3. I Egenskaper > Klientbibliotek, lägg till klientbiblioteksreferensen: core.forms.components.runtime.all.
  4. Testa inbäddning av enkla formulär (till exempel ett enda textfält och en knapp) för att avgöra om problemet gäller specifika formulär eller ett större konfigurationsproblem.

  5. Kontrollera om det finns saknade beroenden eller felkonfigurationer för formulären och skripten i innehållspaketen.

Relaterad läsning

Skicka-knappkomponent i AEM Core Component Guide.

recommendation-more-help
3d58f420-19b5-47a0-a122-5c9dab55ec7f