表单校验 · Form Validation
英文:form validation(按单词直读)
界面与交互难度:进阶 ★★
🗣️一句话大白话
用户填表时的「即时检查」:该填的没填、格式不对,在字段下方立刻红字提示——而不是提交后一口气报错,或更糟:提交了没反应。
🎬真实场景
注册表单提交后无反应,用户找半天发现「密码要含大写字母」的红字藏在顶部——灾难。正确做法:输入时实时提示,提交按钮旁写明阻断原因。
📮你可以这样说
「「表单实时校验:手机号 11 位、密码至少 8 位含字母和数字;字段失焦时校验,错误显示在字段下方;必填项不合规时提交按钮置灰。提示语具体到『怎么做才对』。」」
⚠️边界与常见误解
- ▸报错要具体:「输入无效」没用,「手机号应为 11 位数字」才有用
- ▸失焦或提交时校验:别打一个字报一次错
- ▸服务端校验不可省:前端校验是体验,后端校验是安全