forms-and-validation
SKILL.md
表单与校验(Forms and Validation)
帮助设计表单结构、校验规则、错误提示与无障碍表单体验。
触发场景
- 用户说「表单」「校验」「提交」「受控组件」「form validation」「错误提示」
- 需求:多字段、联动、异步校验、防重复提交、无障碍
分析维度
1. 表单结构
| 要点 | 做法 |
|---|---|
| 受控 vs 非受控 | 需校验/联动用受控;简单场景可用非受控 + ref |
| 状态集中 | 单表单用 useState 或 useReducer;复杂用 React Hook Form / Formik / 自管理 |
| 字段命名 | name 与后端一致,便于序列化与错误映射 |