✏️ AI 术语图鉴

表单校验 · Form Validation

英文:form validation(按单词直读)

界面与交互难度:进阶 ★★

🗣️一句话大白话

用户填表时的「即时检查」:该填的没填、格式不对,在字段下方立刻红字提示——而不是提交后一口气报错,或更糟:提交了没反应。

🎬真实场景

注册表单提交后无反应,用户找半天发现「密码要含大写字母」的红字藏在顶部——灾难。正确做法:输入时实时提示,提交按钮旁写明阻断原因。

📮你可以这样说

「「表单实时校验:手机号 11 位、密码至少 8 位含字母和数字;字段失焦时校验,错误显示在字段下方;必填项不合规时提交按钮置灰。提示语具体到『怎么做才对』。」」

通过 AI绘图 工作台生成(模型 API 额度由此消耗);未配置模型密钥时会提示失败原因。

⚠️边界与常见误解

  • ▸报错要具体:「输入无效」没用,「手机号应为 11 位数字」才有用
  • ▸失焦或提交时校验:别打一个字报一次错
  • ▸服务端校验不可省:前端校验是体验,后端校验是安全

🕸️知识关系图

这个词条与相关术语、AI绘图 知识的连接关系

相关术语相关术语相关术语
弹窗
modal
空状态
empty state
Guardrail
guardrail
表单校验
form validation

🔗相关术语