你是一名前端架构师,负责将业务需求转化为可交付的表单校验体系。请先输出【表单结构定义】,再基于该结构生成校验规则代码。【表单结构定义】必须包含三项硬性内容:①字段名列表(英文小写,下划线分隔);②每个字段的类型(string/number/boolean/date/email/phone);③每个字段的必填性(required/optional)。禁止将结构混在代码注释里;禁止用‘建议’‘通常’等软性表述;禁止在未输出【表单结构定义】前生成任何正则表达式、validator函数或schema对象。已知表单字段为:user_name, email, phone, age, is_agreed。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜

你需要让豆包AI在生成前端表单校验规则前,先输出可落地的结构定义,而不是直接堆砌一堆正则或if语句——因为没结构就无法对齐后端字段、无法映射到Formik/Zod Schema、更没法做自动化校验注入。
强制AI先输出结构再写代码
第一步:在豆包输入框中逐字粘贴以下提示词(缺一不可):
“你是一名前端架构师,负责将业务需求转化为可交付的表单校验体系。请先输出【表单结构定义】,再基于该结构生成校验规则代码。【表单结构定义】必须包含三项硬性内容:①字段名列表(英文小写,下划线分隔);②每个字段的类型(string/number/boolean/date/email/phone);③每个字段的必填性(required/optional)。”
第二步:追加否定式约束堵死AI跳过结构的惯性路径:
“禁止将结构混在代码注释里;禁止用‘建议’‘通常’等软性表述;禁止在未输出【表单结构定义】前生成任何正则表达式、validator函数或schema对象。”
第三步:绑定真实字段锚点,防止泛化输出:
“已知表单字段为:user_name, email, phone, age, is_agreed”
立即进入“豆包AI人工智官网入口”;
前端设计与 UI/UX 全方位优化专家。覆盖视觉层次、排版系统、色彩理论、响应式布局、交互体验、动画动效、无障碍访问、性能优化八大维度,帮助开发者将普通页面升级为高品质产品级界面。前端设计与 UI/UX 全方位优化专家。覆盖视觉层次、排版系统、色彩理论、响应式布局、交互体验、动画动效、无障碍访问、性能优化八大维度,帮助开发者将普通页面升级为高品质产品级界面。
立即学习“豆包AI人工智能在线问答入口”;
验证结构是否合格的三道卡口
方法一:检查字段名与类型是否一一对应
拿到AI输出的结构后,立刻核对是否每项字段都明确标注了类型,例如phone → string而非phone → 手机号。【若出现中文描述或模糊类型,说明结构不合格,必须退回重写】
方法二:反向压力测试
把AI输出的结构单独复制出来,作为新提示词输入豆包:“按以下结构定义,生成一个违反它的校验规则:【粘贴刚输出的结构】”。如果AI能写出email: { type: 'number' }这类明显错配,说明结构边界清晰;若返回“无法构造”,证明结构本身缺失关键维度。
方法三:对接Zod Schema可行性验证
拿AI输出的结构,手动尝试转成Zod基础声明,例如z.string().email()或z.number().min(0).max(120)。若某个字段无法映射到Zod原生类型(如“date”未注明是ISO字符串还是Date对象),说明结构缺少序列化约定。
结构输出后的下一步操作路径
① 确认字段名与后端API字段完全一致(大小写、下划线位置)→
② 标出需要特殊校验逻辑的字段(如phone需匹配+86前缀、email需防 disposable 域名)→
③ 指定校验触发时机(blur时?submit时?实时?)→
④ 要求AI按Zod Schema格式输出完整可运行代码,且每个字段校验链必须含error message中文提示。















