表單輸入詞條 2-16

表單驗證Form Validation

也常叫做:欄位檢查、Validation

你可能會這樣說

信箱少打一個 @ 被擋下來,欄位下方出現紅字提醒——這種送出前的檢查機制,就是表單驗證。

白話解釋

表單驗證是送出前檢查內容合不合格的機制:信箱有沒有 @、密碼夠不夠長、必填欄位是不是還空著。

好的驗證會在該欄位正下方講清楚哪裡錯,例如「信箱格式不正確」,而不是按了送出才一次跳出全部錯誤。

跟 AI 合作時把規則一條條列好:哪些必填、格式要求、錯誤訊息的文字,越具體越不容易漏。

親手試試

試著亂填、留白再送出——錯誤訊息會出現在欄位正下方,改對了立刻消失。

圖 2-21 亂填看看:錯在哪、怎麼改,都寫在欄位正下方。

這樣對 AI 說

中文就可以
報名表單加上欄位檢查:姓名必填、信箱要有 @、手機要 10 碼數字。
一離開欄位就檢查,錯誤訊息用紅字顯示在欄位正下方。
沒全部過關前,送出按鈕按了沒反應,並把游標帶到第一個錯的欄位。
修正之後紅字要立刻消失。

同一課的其他詞