表单怎样补齐校验、错误、禁用和提交中状态

表单不只是一组输入框

用户会输入错误、重复提交、断网、失去权限或在处理中离开。校验规则、错误位置、禁用条件和提交状态应在实现前写成矩阵。

字段与校验

区分必填、格式、范围、跨字段和服务端规则，错误文案说明怎么修，不只写无效。

把涉及的文件、目录、版本、命令和实际输出写进记录；代码变化同时保留 diff 与测试结果。

触发时机

决定输入中、失焦或提交时校验，避免过早打断，也避免提交后只在页面顶部报错。

确认“触发时机”已经有可回查结果，再进入“提交中与幂等”；依据仍然来自猜测时，把缺口单列并停在当前步骤。

提交中与幂等

提交后防重复操作，展示进度；后端使用幂等或唯一约束处理重复请求。

确认“提交中与幂等”已经有可回查结果，再进入“成功与失败”；依据仍然来自猜测时，把缺口单列并停在当前步骤。

成功与失败

成功说明发生了什么和下一步；失败保留用户输入，区分可重试、需修改和无权限。

确认“成功与失败”已经有可回查结果，再进入“键盘与可访问性”；依据仍然来自猜测时，把缺口单列并停在当前步骤。

键盘与可访问性

标签、描述、错误关联、焦点顺序和按钮状态对键盘与辅助技术可理解。

需要修改时先限定文件和行为范围，无法说明回滚方式或影响面的动作先不执行。 完成后把证据归入“表单状态矩阵与交互验收”。

用状态矩阵逐格验收

每个字段和表单整体都测试空、合法、非法、边界、提交中、失败、成功和重复提交。只有理想路径通过，不算表单完成。