Wix 說明

Wix CMS 可讓您使用輸入元件建立自訂表單,並將資料提交至集合。使用輸入元件的驗證設定,有助於讓訪客提供的資料符合特定要求。您也可以為儲存已提交輸入值的集合欄位設定驗證。

在 Wix CMS 中使用輸入元件的驗證設定,可讓收集到的資料正確、完整並符合特定要求,進而提升整體資料品質及網站使用體驗。
文字輸入元件的驗證設定畫面。
注意:

Wix Harmony 編輯器不支援輸入元件,因此訪客無法篩選內容或將項目提交至集合。若要收集訪客資訊,請改用 Wix Forms 新增表單。深入了解在 Wix Harmony 中運作方式不同的功能。


必填欄位與資料完整性

大多數輸入元件都可設為「必填」。若輸入元件設為必填,欄位空白時將無法提交表單。這能避免提交不完整的內容,並收集所有必要資訊。如果將已連結的集合欄位設為「必填」,使用者嘗試提交含有空白值的表單時,將會看到錯誤訊息。請注意,切換按鈕沒有「必填」選項,但核取方塊有此選項。
將輸入元件設為「必填」的畫面。

收集資訊類型控制

您可以設定文字輸入元件,僅接受特定類型的資訊,例如文字、數字或電子郵件地址。每種類型都會執行特定驗證,檢查輸入值是否符合必要格式。
文字輸入類型驗證其他驗證
文字
無
長度限制、模式
密碼
無
長度限制、模式
數字
值為數字
最大值、最小值、模式
電子郵件
值為電子郵件地址
模式
網址
值為以「http」或「https」開頭的網址
模式
電話號碼
值為電話號碼
模式
將文字輸入元件設為接受數字的設定畫面。

限制輸入值的長度

您可為設為收集文字的輸入元件新增字元限制。若輸入值超過指定長度,系統將不會提交表單。此功能適用於使用者名稱或描述等欄位,方便控制輸入的文字量。
設定文字輸入元件字元限制的畫面。

設定數字的最大值和最小值

若輸入元件用於收集數字,可指定能提交的最大值和最小值。如此一來,提交的數字會落在界定的可接受範圍內,避免輸入無效資料。
設定收集數字的文字輸入元件所接受最大值和最小值的畫面。

使用正規運算式驗證格式

部分輸入元件可使用正規運算式進行額外的格式驗證。例如,可使用 ^[a-zA-Z0-9_]{5,20}$ 這類正規運算式,要求使用者名稱採用特定格式。如此可將使用者名稱限制為 5 至 20 個英文字母、數字或底線字元。

以下正規運算式可新增至輸入元件,讓元件只接受有效的使用者名稱:
1^[a-zA-Z0-9_]{5,20}$

在此運算式中,^ 和 $ 分別代表字串的開頭和結尾。這兩個符號之間包含兩個部分,一個位於方括號 [] 內,另一個則位於大括號 {} 內。方括號內的 [a-zA-Z0-9_] 會比對小寫字母 a-z、大寫字母 A-Z、數字 0-9 或底線 _。大括號內的 {5,20} 表示需要 5 至 20 個符合前一部分(即 [a-zA-Z0-9_])的字元。

為收集使用者名稱的文字輸入元件新增格式驗證的畫面。

限制訪客可選擇的日期和時間

日期選擇器輸入元件可控制使用者能選擇的日期。您可禁止使用者選擇過去、未來或每週特定日子的日期,例如週末。此外,還可選擇以下 4 種日期格式:MM/DD/YYYY、DD/MM/YYYY、YYYY/MM/DD 或YYYY/M/D。

時間選擇器輸入元件可界定使用者能選擇和無法選擇的時段。您可選擇 12 小時制或 24 小時制,並設定可選時間的間隔。
設定訪客可在日期選擇器中選擇之日期的畫面。

常見問題

點擊下方即可查看輸入元件驗證設定的常見問題解答。