先檢查資料，不把檢查當送出

1. 作品一portfolio保留。下載起始包，解壓service-site/frontend到自己的student-work，從inquiry.html開始。index.html是這個第二作品的入口。
2. 五欄欄位名稱固定name、email、serviceId、subject、message；全部必填，serviceId先用空白預設、brand／web／landing三選項。
3. 第一份Prompt建立表單與欄位旁錯誤。親手將姓名label寫成聯絡人姓名，核對for對id；使用虛構資料，例如林小禾與demo@example.com。
4. 表單使用novalidate讓這堂自訂訊息可看見；JavaScript仍自己檢查trim、Email與服務。錯誤不可重設整張表單，焦點到第一個無效欄。
5. 第二份加message上限500及即時計數。親手先輸入一段中文，再比較空白／499／500字；不得用截斷需求後假裝原文完整。
6. 五欄有效時只顯示「資料檢查完成，尚未送出。」這堂沒有API、寄信或真正保存。
7. 故障包另存fault-L15；先填其他四欄，Email用abc，按檢查發現內容被清空。附原步驟與程式，讓AI只移除無效分支的form.reset，不改驗證規則。
8. 手機320／390檢查欄寬，Tab逐欄填寫，修正Email再檢查；自己的結果與尚未做的AI操作分開記。

本關新增檔案怎麼附給AI

起始包尚未包含 inquiry.js；這些是本關要建立的成果，不是漏檔。先附上關卡列出的既有HTML、CSS與資料，再請AI按指定路徑新增；不需要先建立空檔或從完成版複製回起始版。收到程式碼時逐檔核對名稱再儲存。