header-logo
了解如何以 Wix 建立網站和商家。
了解如何建立、管理並維護 Wix 網站。
管理訂閱、方案與請款單。
處理業務,與會員連繫。
學習如何購買、連結或轉移網站網域。
以進階功能提升效率。
尋求解決方法,了解已知問題,或聯絡我們。
placeholder-preview-image
以課程和教學加強技能。
學習網頁設計、行銷等範疇的秘訣。
學習如何提升來自搜尋引擎的自然網站流量。
以全端平台建立自訂網站。
與專家配對,幫助實現目標。
placeholder-preview-image

Wix Functions:為表單新增自訂驗證

3 分鐘
使用函式即可新增自訂驗證,在訪客提交表單前驗證其進入的資訊。設定專屬規則可確保資料符合需求,新增自訂驗證的原因包括:
  • 驗證電子郵件地址並確保兩個欄位一致。
  • 限制電子郵件地址僅能輸入數字和字母。
  • 限制已接受的電子郵件別名(例如:僅限 Gmail)。
本文第一區段說明如何建立自訂驗證,第二區段則提供設定電子郵件地址驗證的逐步指南。
Wix 表單鏡頭,電子郵件驗證欄位下方顯示欄位不符。

為表單新增自訂驗證

為表單新增自訂驗證以控管訪客提交的資料。此函式使用表單提交資料來檢查表單是否合格於界定的驗證;若不合格,則會顯示自訂錯誤訊息。

若要為表單新增自訂驗證:

  1. 前往網站管理介面的 Functions
  2. 點擊 Form Validation 下方的 建立函式
  3. 點擊 從頭開始
  4. 點擊 條件 步驟,使用是否符合條件 (if/else) 邏輯為函式新增參數。
  5. 設定函式輸出:
    1. 點擊 輸出 步驟。
    2. 設定驗證錯誤,包括:
      • (選填)表單欄位金鑰:將錯誤訊息套用至特定欄位。若未新增欄位金鑰,錯誤訊息將顯示在提交按鈕下方。
      • 錯誤訊息:輸入未符合自訂驗證時顯示的錯誤訊息。
    3. 點擊 新增 以新增驗證錯誤。
    4. (選填)點擊 + 新增驗證 以設定另一個驗證錯誤。
    5. 點擊 套用 儲存輸出。
  6. 繼續 創作函式 以符合商務需求,並新增相關條件或小部件。
  7. 將此函式連結至相關表單:
    1. 點擊右上方 更多操作 圖示
    2. 選擇 函式設定
    3. 點擊 已選擇表單 1,然後點擊 + 選擇
    4. 選擇相關表單並點擊 確定
函式建立工具中函式設定下拉式選單的螢幕截圖。
  1. 在左上方輸入函式名稱。
    提示:此名稱僅供您查看,方便在管理介面中識別函式。
  2. 點擊右上方「啟用」
函式建立工具的螢幕截圖,未命名函式姓名已強調。
在哪裡可以找到表單欄位金鑰?
前往函式建立工具中的相關表單。點擊欄位設定面板中的進階索引標籤。複製提供的欄位金鑰並新增至函式輸出。

建立驗證電子郵件地址的函式

建立自訂驗證函式的一個常見情境,是確保在允許提交表單前,兩個電子郵件地址欄位必須相符。以下步驟將引導您完成設定此特定函式的程序。
開始之前:
請確保表單包含兩個電子郵件地址欄位以供驗證。若要向訪客說明第二個欄位的用途,建議重新命名欄位標題,例如「確認電子郵件」或「電子郵件驗證」。

若要建立驗證電子郵件地址的函式:

  1. 前往網站管理介面的 表單和提交內容
  2. 點擊欲更新表單旁的 編輯,或 建立新表單
  3. 點擊頂部的 設定 索引標籤。
  4. 向下捲動至 進階表單驗證 並點擊 建立驗證 以開啟函式建立工具。
  5. 點擊 新增步驟 圖示 並選擇 條件
新增函式建立工具的條件步驟。
  1. 點擊「選擇物業」並選擇表單上顯示的第一個電子郵件欄位。
第一個電子郵件欄位中屬性選擇器的螢幕截圖。
  1. 點擊選擇邏輯下拉式選單並選擇不為
  2. 點擊輸入文字旁的自訂並選擇電子郵件確認欄位。
    提示:這代表條件會檢查在第一個電子郵件欄位中輸入的文字是否「不為」電子郵件確認欄位的文字。
Wix 函式建立工具中的條件輸入面板。已選擇自訂並開啟屬性選擇器。
  1. 點擊「套用」即可儲存條件。
  2. 點擊「輸出」步驟。若符合上方設定的條件(第一個電子郵件欄位「不等於」第二個電子郵件欄位的文字),則輸出會套用驗證錯誤。
    1. (選填)輸入「表單欄位金鑰」將錯誤訊息套用至特定欄位。
      請留意:若未新增欄位金鑰,錯誤訊息將顯示在提交按鈕下方。
    2. 輸入電子郵件不相符時顯示的「錯誤訊息」(例如:「欄位不相符」)。
    3. 點擊「新增」即可新增驗證錯誤。
    4. (選填)點擊「+ 新增驗證」即可設定另一個驗證錯誤。
    5. 點擊「套用」即可儲存輸出。
Wix 函式建立工具中的輸出面板,已新增驗證錯誤。
  1. 在左上方輸入函式名稱。
    提示:此名稱僅供您查看,方便在管理介面中識別函式。
  2. 點擊右上方「啟用」

常見問題

點擊下方問題,瞭解更多自訂表單驗證資訊。