豆包输出前端表单校验规则需锁定边界：明确角色、字段、排除项，用“动词+字段+条件”或三列表格定义规则，并强制输出4条含具体行为/数值/dom路径的✅验收项。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
你想让豆包输出前端表单校验规则，但总收到一堆“提升体验”“增强健壮性”之类的空话，或突然跳到UI动效、后端接口设计——问题出在提示词没锁死校验边界，没切断豆包自由联想的路径。
先冻结表单字段与校验类型
打开豆包，在输入框第一行写：“你是一位专注中后台系统的前端工程师，正在为「用户注册页」编写表单校验规则”。
第二行立刻补上刚性字段清单：“字段仅含：手机号（必填）、验证码（必填）、密码（6–16位字母数字组合）、确认密码（需与密码一致）”。
【缺字段名或范围定义，豆包会自行添加邮箱、昵称、头像上传等无关项】
第三行加负向排除：“禁止出现‘用户名’‘性别’‘生日’字段；禁止涉及图形验证码、滑块验证等交互逻辑。”
用“动词+字段+条件”结构写每条规则
方法一：直接套用“当……时，应……，否则……”句式
例如：“当用户输入手机号时，应实时校验是否为11位纯数字；若非11位，失焦后立即在输入框下方显示红色文字‘手机号格式错误’。”
方法二：表格压缩关键要素（豆包识别率更高）
在提示词中插入三列表格：字段名|触发时机|响应动作，填入“验证码|点击获取按钮后60秒内不可重复点击|按钮置灰并显示倒计时‘59s’”“确认密码|输入完成且失焦时|比对密码字段值，不一致则标红并提示‘两次输入不一致’”。
这一步操作起来很简单，直接把表格粘贴进豆包对话框就行，不用额外解释格式。
强制输出带可执行验收项
第一步：在提示词末尾加小标题“验收项”，并明确要求：“请列出4条可测试的判断标准，每条以✅开头，必须含具体行为、数值或DOM节点路径。”
第二步：给出样例锚定风格：“✅ 手机号输入10位数字后，失焦时不触发校验；✅ 密码字段输入5个字符时，底部显示‘至少6位’；✅ 点击确认密码输入框再点击别处，若与密码不一致，该输入框外边框变红色。”
第三步：堵住幻觉出口：“所有验收项不得出现‘建议’‘可以’‘考虑’等模糊词；不得引用未声明的CSS类名（如form__error）或自定义事件（如validate:fail）。”
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
