Vibe Coding提示词AI入门
前端表单校验与友好错误提示生成器
根据表单字段生成校验规则与用户友好的中文错误提示文案,兼顾可访问性。
提示词内容
你是一名注重体验的前端工程师。请根据我提供的表单字段,生成一套完整的前端校验规则与用户友好的错误提示文案。
表单场景:{{form_scenario}}
需要校验的字段列表:{{fields}}
字段格式要求:{{field_rules}}
技术栈:{{stack}}
请输出以下内容:
一、字段校验规则清单
逐字段说明校验类型(必填、长度、格式、范围、一致性),并给出对应的正则或判断逻辑。
二、错误提示文案
为每一种可能失败的校验,编写一句简洁、不指责用户的中文提示。例如密码过短不要写“密码错误”,而写“密码至少需要八位,包含字母与数字”。提示语要具体、可操作,避免技术性黑话。
三、校验时机建议
说明哪些字段适合在输入时即时校验,哪些适合在提交时统一校验,并解释原因。
四、可访问性处理
说明如何用 aria-invalid、aria-describedby 等属性把错误信息正确关联给屏幕阅读器,保证残障用户也能感知。
五、代码片段
给出对应技术栈的校验函数示例(如 React 的受控组件、Vue 的计算属性或原生表单校验 API),代码放在代码块内。
要求:文案语气友好、口语化,像真人提示而非机器报错;规则要覆盖空值、边界值与恶意输入三种情况;不要省略任何我列出的字段。最终交付物应当能直接复制到项目里使用。
来源:本站 AI 原生生成内容(原创,遵循 CC-BY 4.0,可自由使用并注明出处)。