AEM網站頁面上已停用最適化表單提交按鈕

將最適化表單內嵌至AEM網站頁面時,由於遺失或未初始化的JavaScript相依性,提交 按鈕保持停用狀態。 預覽獨立表單時不會發生此問題。 即使是具有最少欄位的簡單表單也會顯示相同的行為。 若要修正此問題,請確保所有必要的指令碼和使用者端程式庫均已正確載入。

說明 description

環境

Adobe Experience Manager (AEM) v6.5 - Forms

問題/症狀

  • 最適化表單內嵌在網站頁面中時, Submit 按鈕保持停用狀態。
  • 元素檢查顯示:在初始化必要的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