將使用者資料中的資訊新增至表單提交中繼資料

上次更新: 2023-12-21

Adobe 建議使用新式且可擴充的資料擷取核心元件,用來建立新的最適化表單將最適化表單新增到 AEM Sites 頁面。這些元件代表最適化表單建立方面的重大進步,可確保令人印象深刻的使用者體驗。本文會介紹使用基礎元件編寫最適化表單的舊方法。

您可以使用在表單元素中輸入的值,計算草稿或表單提交的中繼資料欄位。 中繼資料可讓您根據使用者資料篩選內容。 例如,使用者在您的表單名稱欄位中輸入John Doe。 您可以使用此資訊來計算中繼資料,這些中繼資料可以將此提交分類在首字母縮寫JD下。

若要使用使用者輸入的值來計算中繼資料欄位,請在中繼資料中新增表單的元素。 當使用者在該元素中輸入值時,指令碼會使用該值來計算資訊。 此資訊會新增至中繼資料中。 將元素新增為中繼資料欄位時,需提供索引鍵。 索引鍵會新增為中繼資料中的欄位,而計算的資訊會根據該欄位記錄。

例如,健康保險公司會發佈表單。 在此表格中,欄位會擷取使用者的年齡。 多位使用者提交表單後,客戶想要檢視特定年齡範圍內所有提交的表單。 額外的中繼資料可協助客戶,而不是處理隨著表單數量增加而複雜化的所有資料。 表單作者可以設定一般使用者填寫的屬性/資料會儲存在最上層,以便進行最輕鬆的搜尋。 其他中繼資料是儲存在中繼資料節點最上層之使用者填寫的資訊,如作者所設定。

再來看另一個擷取電子郵件ID和電話號碼的表單範例。 當使用者匿名造訪此表單並放棄表單時,作者可以設定表單以自動儲存電子郵件ID和電話號碼。 此表單會自動儲存,而電話號碼和電子郵件ID會儲存在草稿的中繼資料節點中。 此設定的使用案例是銷售機會管理控制面板。

將表單元素新增至中繼資料

執行以下步驟,在中繼資料中新增元素:

  1. 在編輯模式中開啟最適化表單。
    若要以編輯模式開啟表單,請在表單管理員中,選取您的表單並選取 開啟.

  2. 在編輯模式中,選取元件,選取 欄位層級 > 最適化表單容器,然後選取 cmppr.

  3. 在側邊欄中,按一下 中繼資料.

  4. 在「中繼資料」段落中,按一下 新增.

  5. 使用「中繼資料」標籤的「值」欄位來新增指令碼。 您新增的指令碼會從表單上的元素收集資料,並計算饋送至中繼資料的值。

    例如, true 如果輸入的年齡大於21歲,則會記錄在中繼資料中,並且 false 如果小於21則會記錄下來。 在「中繼資料」標籤中輸入下列指令碼:

    (agebox.value >= 21) ? true : false

    中繼資料指令碼

    在中繼資料標籤中輸入的指令碼

  6. 按一下​「確定」

使用者在選取為中繼資料欄位的元素中輸入資料後,計算的資訊會記錄在中繼資料中。 您可以在您設定為儲存中繼資料的儲存庫中看到中繼資料。

檢視更新的表單提交中繼資料:

以上例為例,中繼資料儲存在CRX存放庫中。 中繼資料看起來像這樣:

中繼資料

如果您在中繼資料中新增核取方塊元素,則選取的值會儲存為逗號分隔字串。 例如,您在表單中新增核取方塊元件,並將其名稱指定為 checkbox1. 在核取方塊元件屬性中,您新增值0、1和2的「駕駛執照」、「社會安全號碼」和「護照」專案。

從核取方塊儲存多個值

選取最適化表單容器,然後在表單屬性中新增中繼資料索引鍵 cb1 哪些儲存 checkbox1.value,並發佈表單。 當客戶填寫表單時,客戶會在核取方塊欄位中選取「護照和社會安全號碼」選項。 值1和2在提交中繼資料的cb1欄位中儲存為1, 2。

在核取方塊欄位中選取多個值的中繼資料專案

注意

上述範例僅供學習之用。 確定您在AEM Forms實作中所設定的正確位置尋找中繼資料。

本頁內容