你正在为【微信小程序】编写表单交互说明，所有动词必须匹配小程序原生组件行为（如wx:if控制显隐、bindtap触发、showToast仅限1秒内连续调用1次）。①失焦校验层：输入框失焦时显示最简规则，如“请输入含@的邮箱”；②提交拦截层：校验失败需带上下文指引，如“手机号未通过实名认证（code=102），请核对并重发验证码”；③成功反馈层：明确跳转路径与状态，如“跳转至订单详情页，顶部toast显示‘已提交，预计30分钟内客服联系您’”。密码规则须拆解为四原子条件；身份证号提示须强调“X必须大写”。错误提示必须插入#email-input后紧邻的<span>中，AXUI框架下需指定TextInput.vue的error slot接收message prop渲染红色行内文本。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
你需要让Trae生成的表单交互说明提示词能直接落地到开发任务中，而不是泛泛而谈“用户点击后有反馈”，必须明确触发动作、响应载体、状态变化路径和异常兜底逻辑。
先锁定平台与载体类型
打开当前项目部署环境文档，确认是微信小程序、Web网页还是App内H5——三者对“提示”的实现能力完全不同。微信小程序不能调用alert，Web端必须支持键盘焦点切换，App内H5需先用navigator.userAgent判断是否支持clipboard API。【没确认平台就写提示词，前端同学拿到后第一行代码就会报错】
在Trae提示词开头加一句：“你正在为【微信小程序】编写表单交互说明，所有动词必须匹配小程序原生组件行为（如wx:if控制显隐、bindtap触发、showToast仅限1秒内连续调用1次）。”
按用户操作流分层写提示词
① 失焦校验层：输入框失去焦点时，只显示最简规则。例如邮箱字段失焦后提示“请输入含@的邮箱”，不出现“格式错误”这种黑盒表述。
② 提交拦截层：点击提交按钮后，若校验失败，必须带上下文动作指引。“手机号未通过实名认证（运营商返回code=102），请核对是否为本人登记号码，并尝试重新发送短信验证码。”
③ 成功反馈层：提交成功后，禁止写“操作成功”，要写清跳转路径或状态变更。“跳转至订单详情页，页面顶部toast显示‘已提交，预计30分钟内客服联系您’。”
用原子条件替代长句描述
方法一：把“密码需为8–16位，且必须包含大小写字母、数字和特殊符号”拆成四行独立条件：
• 8–16位
• 含至少1个大写字母
• 含至少1个小写字母
• 含至少1个数字或!@#$%^&*中的任一符号
方法二：身份证号字段提示词直接暴露后端校验点：“18位，末位可能是X；【X必须大写】，小写x会被公安库拒绝。”
绑定真实DOM结构与可验证路径
在提示词中强制指定绑定关系：“错误提示必须插入到#email-input后面紧邻的中，不可使用全局弹窗。”
这一步漏掉，前端会把提示塞进tooltip或modal里，导致屏幕阅读器无法聚焦、自动化测试脚本找不到目标节点。
如果表单用了AXUI框架，提示词要写明组件路径：“@trae/ui-kit/src/components/TextInput.vue → error slot需接收message prop并渲染为红色行内文本。”
