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
3d58f420-19b5-47a0-a122-5c9dab55ec7f