一、教程目標

• 學習如何在表單中添加驗證規則。
• 掌握使用 JSON 配置表單驗證規則的方法。
• 實現前端和后端的表單驗證。

二、教程內容

1. 前端表單驗證

• 步驟 1：找到表單編輯
  • 在頁面上找到需要編輯的表單，如注冊表單或登錄表單。
• 步驟 2：添加驗證規則
  • 在表單的編輯界面中，找到“驗證規則”一欄。
  • 選擇“詳細規則”，在彈出的“表單規則”編輯器中添加驗證規則。
• 步驟 3：配置驗證規則
  • 使用 JSON 格式配置規則，例如：

    [{ "required": true }]
    

• 步驟 4：測試驗證效果
  • 保存配置后，在頁面上嘗試觸發表單提交，檢查驗證效果。

2. 后端表單驗證

• 步驟 5：打開注冊接口編輯
  • 在后端服務中找到注冊接口。
• 步驟 6：增加用戶名密碼不為空的判斷
  • 添加條件判斷節點，設置當用戶名或密碼為空時，返回錯誤提示。
• 步驟 7：編寫錯誤提示信息
  • 在條件判斷節點中設置返回的錯誤代碼和提示信息。
• 步驟 8：測試后端驗證
  • 保存接口設置，通過調試接口測試驗證效果。

3. 登錄接口驗證

• 步驟 9：復制注冊接口的驗證規則
  • 將注冊接口的驗證規則復制到登錄接口。
• 步驟 10：測試登錄接口驗證
  • 保存登錄接口設置，并通過調試進行測試。

三、注意事項

• 驗證規則需根據實際需求進行配置。
• 前端和后端的驗證是相互獨立的，都十分重要。
• 在調試時，可以直接在接口編輯頁面進行，方便快捷。

四、教程總結

本教程學習了如何在前后端添加和配置表單驗證規則，以及如何測試驗證效果。通過本教程的學習，可以有效地提高表單輸入的安全性，防止無效數據的提交。

五、預告

下一節課將介紹表單公用節點抽取的開發，敬請期待。