文件AEM核心元件指南

檢閱元件

Last update: Tue Jun 24 2025 00:00:00 GMT+0000 (Coordinated Universal Time)

建立對象：

  • 開發人員
  • 管理員
  • 使用者

調適型Forms中的稽核元件可讓使用者在提交表單前稽核及驗證他們已輸入的資訊。 它用作摘要頁面，以結構化和使用者友好的格式提供所有欄位及其值的唯讀檢視。 此功能可確保使用者在提交完成前能找出並修正任何錯誤或遺漏，進而增強整體表單體驗。 按一下編輯圖示，使用者可在提交表單前修改輸入的資訊。

TIP
您是否考慮過適用於 AEM 的 Edge Delivery Services？
現有的專案可以繼續使用本文件中所述的方法。然而，針對新專案，Adobe 建議採用 Edge Delivery Services。

範例

檢閱元件 {align="center" width="50%,"}

使用情況

以下是在最適化表單中使用檢閱元件的理由：

  • 已改善資料正確性：檢閱元件可讓使用者在提交之前檢閱他們輸入的所有資料。 它有助於減少錯誤或遺漏的可能性，確保提交的資料正確無誤。
  • 增強的使用者體驗：使用者可獲得所有已填寫資訊的清晰、有條理的摘要，因此可讓使用者確信表單在最終提交前是完整且正確的，進而改善整體體驗。
  • 錯誤偵測與更正：它提供在面板或欄位層級編輯資訊的功能，讓使用者不必導覽回到多個索引標籤，就能更正錯誤。 按一下面板或欄位旁的​ 編輯 ​圖示，即可輕鬆返回並修正任何問題。
  • 提高使用者信賴度：使用者可以檢閱輸入的資料，確保他們送出的資訊正確無誤，因此減少送出錯誤，並提升對表單功能的信賴度。
  • 避免無意提交：使用者經常按一下​ 提交，而不檢閱所有詳細資料。 檢閱 ​元件提供他們最後驗證資料的機會，減少非故意提交的可能性。

技術細節 technical-details

在GitHub的技術檔案中取得最適化Forms檢閱核心元件的最新資訊。 如需開發核心元件的詳細資訊，請參閱核心元件開發人員檔案。

設定對話方塊 configure-dialog

您可以透過「設定」對話方塊輕鬆自訂訪客的體驗，以獲得順暢的使用者體驗。

設定對話方塊

  • 名稱 — 您可以在表單和規則編輯器中輕鬆識別具有唯一名稱的表單元件，但名稱不得包含空格或特殊字元。

  • 標題 — 您可以使用其Title輕鬆識別表單中的元件，預設情況下，標題會顯示在元件上方。 如果您未新增標題，則會顯示元件的名稱而非標題文字。

  • 隱藏標題 — 選取隱藏元件標題的選項。

  • 啟用 ​的編輯模式動作 — 選項的 ​啟用編輯模式動作可讓使用者修改輸入的資訊。 使用者可以在欄位層級或面板層級編輯資訊。

    • 當使用者選取​ 欄位 ​選項時，他們可以在稽核期間編輯個別表單欄位。
    • 當使用者選取​ 面板 ​選項時，他們可以編輯特定區段（面板）中的所有欄位。
    • 當使用者選取​ 欄位和面板 ​選項時，他們可以按一下欄位旁的編輯圖示來修改特定資訊，或按一下面板旁的編輯圖示來編輯該面板中的所有欄位。
    • 當使用者選取​ 無 ​選項時，他們可以在整個表單中編輯任何欄位或面板。

    依預設，已選取​ 面板 ​選項。

  • 連結面板 - 連結面板 ​選項可讓使用者選取要檢閱的面板。 連結面板時，使用者可以檢閱所選取面板的輸入資訊，並在提交前加以修改。

使用案例

以​ 貸款申請表單 ​為例，該表單包含四個索引標籤，每個索引標籤會收集有關使用者的特定資訊：

  • 個人詳細資料：收集使用者的基本個人詳細資料，例如姓名、出生日期、聯絡資訊和地址。

  • 貸款詳細資料：收集與貸款相關的資訊，包括貸款型別、所需金額、償還期間，以及自動計算的欄位，例如利率和每月EMI。

  • 其他檔案：允許使用者上傳必要的檔案，例如ID證明、地址證明和收入證明。 它也包括宣告核取方塊，以確認同意條款。

  • 檢閱和提交表單：提供檢閱元件，用於摘要先前索引標籤的所有輸入。 使用者可在提交表單前驗證及編輯其資料。 此索引標籤也包含提交應用程式的​ 提交 ​按鈕。

以下影片示範如何設定​ 檢閱 ​元件，讓使用者能夠靈活編輯資訊：

另請參閱 see-also

recommendation-more-help
d2be9096-a81e-404b-9952-d8925af7219c