async/await 处理多表单校验需封装独立 async 函数、按需选择 Promise.all（并行）或串行 await、统一返回带 field/formId 的错误对象、配合按钮禁用与节流防重复提交。
用 async 与 await 处理多表单异步校验，核心是避免阻塞、控制并发、统一错误处理，并保持校验顺序或并行策略清晰可选。
分表单封装成独立的 async 校验函数
每个表单的校验逻辑（如调用接口查用户名是否已存在、验证邮箱格式+远程去重）应封装为返回 Promise 的 async 函数。这样便于复用、测试和组合。
- 函数名明确职责，例如
validateLoginForm()、validateRegisterForm() - 内部用
await调用 API 或执行耗时校验，抛出语义化错误（如throw new Error('邮箱已被注册')） - 返回一个标准结构，比如
{ valid: true, errors: [] }，方便上层聚合
按需选择串行 or 并行校验
多个表单之间是否需要等待前一个完成，取决于业务约束。登录页和注册页通常互斥，但一个页面含「基础信息」+「地址信息」两个折叠表单时，常需同时校验。
-
并行校验（推荐多数场景）：用
await Promise.all([form1(), form2(), form3()])，最快完成全部；任一失败则整体 reject，可用Promise.allSettled改为“全量执行 + 分别判断” - 串行校验（有依赖时）：依次 await，例如先校验手机号是否合法，再校验短信验证码，适合步骤强依赖流程
统一收集错误并定位到具体字段
不要只弹个“校验失败”，要让错误精准落到对应表单的对应输入框。建议在每个校验函数中返回带上下文的错误对象。
立即学习“Java免费学习笔记（深入）”；
- 例如
{ field: 'email', message: '邮箱已被注册', formId: 'register' } - 主校验函数汇总所有返回值后，按
formId和field映射到 DOM 元素，添加红边、显示提示文案 - 避免全局 alert，改用轻量 toast 或内联提示，提升体验
加节流与防重复提交保护
用户快速点击「提交」可能触发多次校验请求，尤其在慢网或接口延迟时。需主动抑制冗余行为。
- 提交按钮点击后立即置为
disabled，校验结束再恢复 - 对高频触发的实时校验（如邮箱输入后 300ms 检查），用
setTimeout+clearTimeout实现简单节流 - 必要时加 loading 状态反馈，让用户感知正在进行中
