【请先列出表单交互说明的完整提纲】(一级标题仅含4项，每项用【】标注核心目的，不带编号，不展开，不换行)——end_of_outline——
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
你需要让Trae的AI在生成表单交互说明前，先输出结构化提纲，否则它会直接写“点击提交后校验必填项”这类无状态、无路径、无法嵌入真实DOM的模糊描述——你没法确认它是否覆盖了禁用态切换、错误提示绑定、异步校验阻塞等关键节点。
强制AI停在提纲层
在Trae Chat中新建对话，第一行必须严格输入：【请先列出表单交互说明的完整提纲】。这句话不能加任何标点、空格或说明文字，不能换行，不能跟在其他句子后面。若写成“请先列出……并给出示例”，AI立刻跳过提纲直接输出代码片段。
紧接着在同一行末尾加括号标注格式要求：(一级标题仅含4项，每项用【】标注核心目的，不带编号，不展开，不换行)。然后紧接——END_OF_OUTLINE——作为硬终止符。
四模块顺序固定、缺一不可：【初始状态定义】→【用户操作路径】→【异常分支捕获】→【DOM变更锚点】。其中【初始状态定义】必须明确字段默认值、按钮禁用逻辑、隐藏域初始值；【用户操作路径】必须按真实点击/输入顺序编号；【异常分支捕获】要对应到具体HTTP状态码或JS Error.name；【DOM变更锚点】必须含ID或data-*属性选择器，禁用纯class名。
校验提纲是否合格
① 拿到AI输出后，逐条检查是否能映射到真实HTML元素或JS变量。例如“【初始状态定义】中‘用户名输入框默认为空且未标记为已触碰’必须对应到这样的实际DOM属性，而不是“输入框初始为空”这种泛述。
② 【用户操作路径】必须用数字序号+箭头串联，如“1. 点击注册按钮 → 2. 触发前端校验 → 3. 若邮箱格式错误，则显示#email-error文案”。漏掉任一环节或改用“随后”“接着”等模糊连接词，整条作废。
③ 【DOM变更锚点】中每个选择器必须能在浏览器控制台执行document.querySelector()成功命中，且该元素在原始HTML中真实存在。例如绑定到#password-confirm-tip就合法，但绑定到.error可能匹配多个元素导致行为错乱。
补全缺失项的应急操作
方法一：若AI输出的提纲里出现“建议提示用户”“应做适当反馈”等模糊动词开头的条目，立刻清空对话，重发原提示词——这种表述说明AI没理解“锚定到硬信息”的指令，继续追问只会堆砌更空泛的内容。
方法二：若【异常分支捕获】中只写“网络失败时提示错误”，立刻追加追问：“请写出该场景下fetch().catch()中实际捕获的Error.name值，并指出对应UI更新发生在哪个DOM节点的哪个属性上（如span#submit-status.textContent）”。
方法三：若提纲中任意一项未包含时间戳、字段名、API路径、CSS选择器四者之一，直接判定不合格，必须重写。例如“加载中状态持续3秒”合格，“加载状态要合理”不合格。
