CHAPTER 23 · PRACTICE WORKSPACE

表單驗證、POST 與資料寫入

完成可驗證、提交並顯示結果的聯絡表單

02 Checkpoint 1 1/3
  1. 01Starter讀懂作品骨架
  2. 02Checkpoint 1加入第一項能力
  3. 03Checkpoint 2累積第二項能力
  4. 04Solution核對完整結果

TASK STATUS

三項任務目前狀態

TASK-01已完成

驗證姓名與 Email

修改檔案:script.js

完成後看見:畫面顯示姓名、Email 驗證結果,通過時仍明確標示尚未建立 payload

TASK-02本階段處理

建立尚未送出的 payload 預覽

修改檔案:script.js

完成後看見:預覽區顯示 name、email、message,狀態為「payload 已建立;尚未送出」

TASK-03稍後處理

送出並管理 loading/success/error

修改檔案:script.js

完成後看見:成功與失敗都可重現,送出期間按鈕停用且完成後恢復

WORKSPACE

本階段實作區

已完成 TASK-01;先核對可見結果,再前往 TASK-02。

MOCK POST

聯絡我

尚未建立 payload

CONTINUE

繼續完成 TASK-02

前往 Checkpoint 2,依要求完成「建立尚未送出的 payload 預覽」。

前往 Checkpoint 2:完成 TASK-02