Schaltfläche zum Senden eines adaptiven Formulars auf der AEM-Website deaktiviert

Wenn Sie ein adaptives Formular in eine AEM-Website-Seite einbetten, bleibt die Senden-Schaltfläche aufgrund fehlender oder nicht initialisierter JavaScript-Abhängigkeiten deaktiviert. Dieses Problem tritt nicht auf, wenn das Formular in der Vorschau allein angezeigt wird. Selbst einfache Formulare mit minimalen Feldern zeigen dasselbe Verhalten. Um dies zu beheben, stellen Sie sicher, dass alle erforderlichen Skripte und Client-Bibliotheken ordnungsgemäß geladen sind.

Beschreibung description

Umgebung

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

Problem/Symptome

  • Die Senden-Schaltfläche bleibt deaktiviert, wenn das adaptive Formular in eine Sites-Seite eingebettet wird.
  • Die Elementprüfung zeigt Folgendes an: Schaltfläche ist deaktiviert, bis die erforderlichen JS initialisiert wurden.
  • Es werden keine Fehler in den Protokollen angezeigt, auch nicht bei minimaler Formulareinrichtung.
  • Das Problem tritt auch bei einfachen Formularen auf, die nur ein Textfeld und eine Schaltfläche enthalten.
  • Skripte, die für die Formularinitialisierung erforderlich sind, werden nicht ordnungsgemäß geladen.

Auflösung resolution

Gehen Sie wie folgt vor, um das Problem zu beheben:

  1. Geben Sie an, ob die Bereitstellung AEM Forms as a Cloud Service oder On-Premise (JEE oder OSGi) verwendet.

  2. Überprüfen Sie die Komponentenkompatibilität, indem Sie die Versionen der WCM-Kernkomponenten und der Kernkomponenten von Adaptive Forms überprüfen. Überprüfen Sie, ob core.wcm.components.version und core.forms.components/af.version auf dem neuesten Stand sind.

  3. Überprüfen Sie die Einrichtung Ihres Site-Projekts, da dies zu Problemen bei der Skriptinitialisierung führen kann:

    1. Stellen Sie sicher, dass alle erforderlichen Skripte für die Funktion „Adaptive Forms" enthalten und ordnungsgemäß in die eingebettete Seite geladen sind. Siehe Einbetten eines adaptiven Formulars in eine AEM Sites-Seite.
    2. Öffnen Sie die Seitenvorlage und wählen Sie Seitenrichtlinie aus dem Menü der oberen Leiste aus.
    3. In den Eigenschaften Fügen Sie > Abschnitt Client Bibliotheken“ den Client-Bibliotheksverweis hinzu: core.forms.components.runtime.all.
  4. Testen Sie das Einbetten einfacher Formulare (z. B. eines einzelnen Textfelds und einer einzelnen Schaltfläche), um festzustellen, ob das Problem mit bestimmten Formularen oder einem größeren Konfigurationsproblem zusammenhängt.

  5. Überprüfen Sie gegebenenfalls Inhaltspakete auf fehlende Abhängigkeiten oder Fehlkonfigurationen im Zusammenhang mit Ihren Formularen und Skripten.

Verwandtes Lesen

Senden-Schaltflächenkomponente im AEM-Kernkomponenten-Handbuch.

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