Solution · code-edit

防止重複送出

對照完整答案、責任邊界與原因。

Solution 要做什麼

對照完整答案、責任邊界與原因。

本主題檔案：files/main.js

定位：先把 attempts 與真正呼叫 transport 的 sendCount 分開記錄。

頁面不會替你修改檔案；請在實作檔完成後重新整理確認。

按鈕可用、inFlight=false、sendCount=0。

attempts=2、sendCount=1、disabledDuring=true、restored=true。

if (inFlight) return; inFlight=true; button.disabled=true; try { await send(); } finally { inFlight=false; button.disabled=false; }

只在本階段資料夾內操作，避免改到其他章節。

index.html
階段入口：說明本階段結果，並以真實相對路徑連到 contact.html。
contact.html
表單頁：提供 label、欄位、原生驗證、submit 與狀態觀察位置。
style.css
呈現層：提供表單欄位、status、disabled、focus 與窄版可讀性。
main.js
行為層：處理 submit、preventDefault、mock Promise 與 idle/loading/success/error 狀態。

證據：attempts=2、sendCount=1、disabledDuring=true、restored=true