表單輸入詞條 2-16
表單驗證Form Validation
也常叫做:欄位檢查、Validation
你可能會這樣說
信箱少打一個 @ 被擋下來,欄位下方出現紅字提醒——這種送出前的檢查機制,就是表單驗證。
白話解釋
表單驗證是送出前檢查內容合不合格的機制:信箱有沒有 @、密碼夠不夠長、必填欄位是不是還空著。
好的驗證會在該欄位正下方講清楚哪裡錯,例如「信箱格式不正確」,而不是按了送出才一次跳出全部錯誤。
跟 AI 合作時把規則一條條列好:哪些必填、格式要求、錯誤訊息的文字,越具體越不容易漏。
親手試試
試著亂填、留白再送出——錯誤訊息會出現在欄位正下方,改對了立刻消失。
這樣對 AI 說
中文就可以
報名表單加上欄位檢查:姓名必填、信箱要有 @、手機要 10 碼數字。 一離開欄位就檢查,錯誤訊息用紅字顯示在欄位正下方。 沒全部過關前,送出按鈕按了沒反應,並把游標帶到第一個錯的欄位。 修正之後紅字要立刻消失。