Solution 要做什麼
對照完整答案、責任邊界與原因。
本主題檔案：files/main.js
定位：先分別記錄 timer 是否觸發、signal.aborted、error.name 與 finally 是否執行。
Solution · code-edit
AbortController timeout 與錯誤分類
對照完整答案、責任邊界與原因。
本階段驗收
頁面不會替你修改檔案；請在實作檔完成後重新整理確認。
目前要處理
status=idle、按鈕可用，模擬工作延遲大於 timeout。
預期看到
aborted=true、category=timeout、finalState=idle、buttonRestored=true。
const controller=new AbortController(); const timer=setTimeout(()=>controller.abort(), 1000); try { await fetch(url,{signal:controller.signal}); } catch(error) { if(error.name==='AbortError') category='timeout'; } finally { clearTimeout(timer); restore(); }檔案清單
只在本階段資料夾內操作，避免改到其他章節。
index.html
階段入口：說明本階段結果，並以真實相對路徑連到 contact.html。contact.html
表單頁：提供 label、欄位、原生驗證、submit 與狀態觀察位置。style.css
呈現層：提供表單欄位、status、disabled、focus 與窄版可讀性。main.js
行為層：處理 submit、preventDefault、mock Promise 與 idle/loading/success/error 狀態。
證據：aborted=true、category=timeout、finalState=idle、buttonRestored=true
回到主題說明