CHAPTER 23 · PRACTICE WORKSPACE

表單驗證、POST 與資料寫入

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

01 Starter 0/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 開始修改。

MOCK POST

聯絡我

尚未建立 payload

CONTINUE

開始 TASK-01

下載版只包含 Starter;完成本頁操作後,請回線上教材進入 Checkpoint 1。

回到本頁 Starter 工作區(進入 Checkpoint 1 請回線上教材)