跳至主要內容

Text Field Validation

了解什麼是 Text Field Validation,以及如何使用它。

本文將深入介紹 Jodoo Text Field Validation 外掛 的功能、使用情境,並提供一個詳細範例,說明如何使用此外掛驗證產品代碼


什麼是 Text Field Validation 外掛?

Text Field Validation 外掛 是一款易於使用的工具,旨在簡化表單驗證流程。透過此外掛,你可以定義自訂規則來驗證文字欄位的輸入內容,確保表單更加可靠,並減少使用者輸入錯誤。系統也會針對驗證成功或失敗提供清楚且可自訂的訊息,進一步提升整體使用者體驗。

透過此外掛,你可以驗證文字欄位是否符合以下條件:

  • 純數字:確保輸入內容僅包含數字。

  • IP 位址格式:依據標準 IP 位址格式驗證輸入內容,確保 IP 格式結構正確。

  • 自訂正則表示式:針對複雜或特定使用情境建立客製化驗證規則,提供最大的彈性。

無論你是要強制套用嚴格的輸入格式,還是處理複雜的資料結構,Jodoo 的此外掛都能讓驗證流程兼具彈性與強大功能。


效果示範

在介紹如何設定與使用此外掛之前,我們先透過一個實際範例來了解外掛的效果。假設你正在建立一個用於收集產品資訊的表單,並且需要驗證「產品代碼」欄位。

透過此外掛程式:

  • 如果「產品代碼」欄位為空,或不符合要求的格式,系統會立即顯示清楚的錯誤訊息:

「產品代碼格式不正確。請檢查後再試一次!」

  • 如果輸入內容符合驗證規則,系統會顯示成功訊息:

「產品代碼格式正確。驗證通過!」


如何使用 Text Field Validation 外掛?

接下來,我們將透過一個實際範例,說明如何使用 Jodoo 的 Text Field Validation 外掛 來驗證產品代碼。

步驟 1:安裝外掛

在 Jodoo 的應用市場中找到並安裝 Text Field Validation 外掛。如需了解如何從應用市場安裝外掛,請參閱《外掛市場》。

步驟 2:啟用外掛程式

安裝外掛程式後,前往「外掛」區塊,找到 Text Field Validation 外掛,並開啟右側的開關以啟用此外掛。

步驟 3:建立表單

啟用外掛後,你就可以開始在表單中使用它。為了示範外掛的運作方式,我們將使用一個範例表單來驗證產品代碼欄位。

建立一個名為「產品資訊表單」的新表單,並包含以下欄位:

欄位名稱

欄位類型

產品名稱

單行文字

產品類別

單選

產品代碼

單行文字

產品價格

數字

上架日期

日期時間

驗證結果

單行文字

步驟 4:設定前端事件

我們希望使用以下規則驗證「產品代碼」欄位:

  • 必填欄位:產品代碼不可為空。

  • 格式驗證:產品代碼必須符合以下格式:

    • 以「PROD-」開頭。

    • 後面接著剛好 5 位數字,例如:PROD-12345

  • 驗證訊息:當驗證通過或失敗時,顯示對應訊息。

若要達成此效果,我們需要為表單設定前端事件,以啟用「產品代碼」欄位的即時驗證。

1.前往「表單屬性」頁面,找到「前端事件」區塊,並點擊「設定」按鈕以新增前端事件。

2.為新的前端事件提供名稱和說明,方便日後識別。例如:

  • 事件名稱:產品代碼驗證

  • 事件說明:驗證產品代碼欄位的格式。

3.在觸發動作設定中,選擇「產品代碼」欄位作為觸發欄位。這表示每當使用者在「產品代碼」欄位中輸入或修改值時,就會觸發驗證事件。

4.在執行動作設定中,選擇 Text Field Validation 外掛,並依照以下方式設定驗證規則:

  • 驗證類型:選擇「自訂規則(正則表示式)」。

  • 待驗證文字:設定為「產品代碼」欄位的值。

  • 對應正則表示式:使用以下正則表示式驗證產品代碼格式:

^PROD-\d{5}$
  • 成功訊息:設定成功訊息為「產品代碼格式正確。驗證通過!」。

  • 失敗訊息:設定失敗訊息為「產品代碼格式不正確。請檢查後再試一次!」。

說明:

  • ^:確保字串以指定格式開頭。

  • PROD-:要求產品代碼必須以「PROD-」開頭。

  • \d{5}:符合剛好 5 位數字。

  • $:確保字串在 5 位數字後結束。

5.完成所有設定後,點擊「儲存」按鈕。


結論

Jodoo 的 Text Field Validation 外掛 是一款多功能且高效率的工具,可協助確保表單中的資料準確性。透過預建驗證規則、自訂邏輯、即時回饋和清楚的錯誤訊息等功能,開發人員能建立兼具易用性與可靠性的表單。

透過驗證「產品代碼」欄位的範例,我們示範了此外掛如何簡化驗證流程並提升使用者體驗。無論你正在建立簡單表單,還是複雜應用,Jodoo 的此外掛都是進行有效表單驗證的重要工具。立即安裝並體驗差異吧!

是否回答了您的問題?