本文將深入介紹 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 的此外掛都是進行有效表單驗證的重要工具。立即安裝並體驗差異吧!









