内联表单校验

提交后统一报错的问题

内联校验缩短完成时间、提升满意度（Wroblewski, 2009）。人借助反馈察觉错误（Sellen, 1994），提示应紧挨错误处。这是移动端表单的核心。

何时校验

输入中报错会干扰用户（Bargas-Avila et al., 2007）。应在离开字段时校验，修正后立即清除错误，并与防错设计配合。

好的文案与无障碍

在字段附近具体说明如何修正（Krause, 2019; Seckler et al., 2014），不责怪用户（Norman, 1983）。遵循WCAG 2.2的3.3.1与3.3.3，并检查色彩对比。

常见问题

应该每次按键都校验吗？

多数字段在离开时校验即可。

需要成功提示吗？

对用户名查重等不确定字段有帮助。

来源核查日期：2026-10-27

参考文献

1. Wroblewski, L. (2009, September 1). Inline validation in web forms. A List Apart. 以可用性测试展示内联校验效果的文章。
2. Bargas-Avila, J. A., Oberholzer, G., Schmutz, P., de Vito, M., & Opwis, K. (2007). Usable error message presentation in the World Wide Web: Do not show errors right away. Interacting with Computers, 19(3), 330–341. 输入时立即报错会干扰用户。
3. Seckler, M., Heinz, S., Bargas-Avila, J. A., Opwis, K., & Tuch, A. N. (2014). Designing usable web forms: Empirical evaluation of web form improvement guidelines. In Proceedings of the SIGCHI Conference on Human Factors in Computing Systems (pp. 1275–1284). ACM. 验证包括错误提示在内的表单指南。
4. Krause, R. (2019, February 3). 10 design guidelines for reporting errors in forms. Nielsen Norman Group. 表单报错的十条指南。
5. World Wide Web Consortium. (2023). Web Content Accessibility Guidelines (WCAG) 2.2. 3.3.1标识错误与3.3.3提供修正建议。
6. Norman, D. A. (1983). Design rules based on analyses of human error. Communications of the ACM, 26(4), 254–258. 把错误视为设计问题。
7. Sellen, A. J. (1994). Detection of everyday errors. Applied Psychology, 43(4), 475–498. 人借助反馈察觉错误。