skills/skills.volces.com/forms-and-validation

forms-and-validation

SKILL.md

表单与校验(Forms and Validation)

帮助设计表单结构、校验规则、错误提示与无障碍表单体验。

触发场景

  • 用户说「表单」「校验」「提交」「受控组件」「form validation」「错误提示」
  • 需求:多字段、联动、异步校验、防重复提交、无障碍

分析维度

1. 表单结构

要点 做法
受控 vs 非受控 需校验/联动用受控;简单场景可用非受控 + ref
状态集中 单表单用 useState 或 useReducer;复杂用 React Hook Form / Formik / 自管理
字段命名 name 与后端一致,便于序列化与错误映射
Installs
8
First Seen
Apr 23, 2026