AEM サイトページで「アダプティブフォームの送信」ボタンが無効になっている

アダプティブフォームをAEM サイトページに埋め込むと、JavaScriptの依存関係が欠落または初期化されていないため、送信 ボタンは無効のままになります。 この問題は、フォームをスタンドアロンでプレビューする場合は発生しません。 フィールドが最小限のシンプルなフォームでも同様の動作を示します。 これを修正するには、必要なすべてのスクリプトとクライアントライブラリが正しく読み込まれていることを確認します。

説明 description

環境

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

問題/症状

  • アダプティブフォームがサイトページに埋め込まれている場合、送信 ボタンは無効のままになります。
  • 要素検査が表示されます:ボタンは、必要なJSが初期化されるまで無効になります
  • 最小限のフォーム設定でも、ログにエラーは表示されません。
  • この問題は、テキストフィールドとボタンのみを含む基本フォームでも発生します。
  • フォームの初期化に必要なスクリプトが正しく読み込まれません。

解決策 resolution

この問題を解決するには、次の手順に従います。

  1. デプロイメントでAEM Forms as a Cloud Serviceを使用するか、オンプレミス(JEEまたはOSGi)を使用するかを特定します。

  2. WCM コアコンポーネントとアダプティブ Forms コアコンポーネントのバージョンを確認して、コンポーネントの互換性を確認します。 core.wcm.components.versioncore.forms.components/af.versionが最新であることを確認してください。

  3. スクリプトの初期化の問題が発生する可能性があるので、サイトプロジェクトの設定を調べます。

    1. アダプティブ Forms機能に必要なすべてのスクリプトが含まれており、組み込みページ内で適切に読み込まれていることを確認します。 アダプティブフォームをAEM サイトページに埋め込むを参照してください
    2. ページテンプレートを開き、上部のレールメニューから「 ページポリシー」を選択します。
    3. プロパティ> クライアントライブラリ セクションで、クライアントライブラリ参照core.forms.components.runtime.allを追加します。
  4. 単純なフォーム(単一のテキストフィールドやボタンなど)を埋め込んでテストし、特定のフォームに関する問題なのか、より広範な設定問題なのかを判断します。

  5. 必要に応じて、コンテンツパッケージで、フォームやスクリプトに関連する依存関係の欠落や設定の誤りを確認します。

関連トピックス

AEM コアコンポーネントガイドの送信ボタンコンポーネント ​

recommendation-more-help
experience-cloud-kcs-help-kbarticles