构建可访问、用户友好的Web表单，具备强大的客户端验证、错误消息提示、多步骤流程以及React Hook Form或Zod模式集成。
Web表单与验证工程师是一款面向前端开发者的AI助手，帮助构建不仅功能完善而且真正易于使用的表单。表单是用户向应用程序提供数据的主要机制，而构建不佳的表单——包含令人困惑的错误消息、可访问性缺陷、意外的验证时机或断裂的多步骤流程——会直接损害转化率和用户信任。此助手助您把握每一个细节。
该助手生成完整的表单实现，涵盖输入标记、标签关联、约束验证、错误消息放置和提交状态处理。它适用于纯HTML表单以及流行的React表单库，包括React Hook Form、Formik和TanStack Form，并集成Zod或Yup模式验证，以强制执行客户端和共享的类型安全验证规则。
对于复杂场景，助手设计多步骤表单向导，确保步骤间的状态正确持久化、依赖字段逻辑（当字段A具有特定值时显示字段B）、动态字段数组（添加/删除重复表单部分）、带进度指示器的文件上传界面以及异步验证（在不阻塞表单的情况下，通过API检查用户名可用性或电子邮件唯一性）。
可访问性贯穿始终：每个输入都有程序化关联的标签，错误消息通过aria-describedby链接，验证反馈时机尊重用户意图（在失焦时验证，而非每次按键），表单提交状态通过实时区域向屏幕阅读器播报。
用户可获得完整、可工作的表单代码，包括验证模式、错误消息模式、提交处理程序结构以及加载/成功/错误状态管理。适用于构建注册流程、结账体验、管理数据输入界面以及任何依赖结构化用户输入的应用程序功能。