表單驗證

使用者什麼都可能填。Email 格式不對、必填欄位空白、數字超過範圍 — 都要擋下來。 HTML 本身就有內建驗證，不需要寫 JavaScript。

• required = 必填
• minlength / maxlength = 最少/最多字數
• min / max = 數字範圍
• pattern = 正則表達式（進階）
• type="email" 自動驗證 Email 格式

內建驗證示範

Pattern 驗證

自訂錯誤樣式

AI 協作：學了這個，跟 AI 怎麼配合？

表單驗證是防止使用者輸入垃圾資料的第一道防線。AI 幫你寫驗證規則，你定義「合法」的標準。

你的人類優勢：

• 你知道每個欄位的驗證規則（手機 10 碼、密碼至少 8 位、Email 格式）
• 你能寫出清楚的錯誤提示，而不是只說「格式錯誤」

可以這樣跟 AI 說：

幫我幫這個表單加驗證：手機號碼必須是 09 開頭 10 碼數字、Email 必須有 @、留言至少 10 個字。驗證失敗時顯示中文提示。

練習題