What 是什么
简介:「错误提示」是表单出现输入错误时,为用户展示的一条引人注目的解释性消息,该消息可能描述用户如何修复错误。
例子: Ant Design 提供了多种表单错误校验样式。
Why 为什么
显示错误提示的目的是帮助用户修复他们在输入时遇到的问题,让用户尽可能快速,轻松地完成任务。
以下是两种常见的错误提示方法:
- 第一种是通过模态对话框向用户报告错误信息。这些信息可能会很有帮助,但是用户在修复错误之前需要先单击关闭该模态对话框,且关闭后用户就再也看不到错误信息了。
- 第二种是在用户提交后载入新页面以显示错误消息。同样,用户在再次输入时,需要后退到历史页面更改,且记忆成本很高,需要记住所有错误内容,这不但耗费精力,而且容易出错。
所以,Web 表单的填写应该把错误提示放在引发错误的组件旁边,并且即时反馈。这样一来,用户一眼就可以看出是哪里出错,并可以根据提示信息直接修复。
When 什么时候使用
在填写表单时,用户进行了不合法的信息输入。例如,用户跳过一些必填字段,或者输入了不合格的数字、无效的电子邮件地址等。错误提示的目的是鼓励用户再次尝试信息输入,帮助指出信息输入有误的地方。这个模式的使用条件是:
- 用户进行了不合法的信