设计模式 | 错误提示 :如何为输入内容提供有效的错误提示?

What 是什么

简介:「错误提示」是表单出现输入错误时,为用户展示的一条引人注目的解释性消息,该消息可能描述用户如何修复错误。

例子: Ant Design 提供了多种表单错误校验样式。

Why 为什么

显示错误提示的目的是帮助用户修复他们在输入时遇到的问题,让用户尽可能快速,轻松地完成任务。

以下是两种常见的错误提示方法:

  • 第一种是通过模态对话框向用户报告错误信息。这些信息可能会很有帮助,但是用户在修复错误之前需要先单击关闭该模态对话框,且关闭后用户就再也看不到错误信息了。
  • 第二种是在用户提交后载入新页面以显示错误消息。同样,用户在再次输入时,需要后退到历史页面更改,且记忆成本很高,需要记住所有错误内容,这不但耗费精力,而且容易出错。

所以,Web 表单的填写应该把错误提示放在引发错误的组件旁边,并且即时反馈。这样一来,用户一眼就可以看出是哪里出错,并可以根据提示信息直接修复。

When 什么时候使用

在填写表单时,用户进行了不合法的信息输入。例如,用户跳过一些必填字段,或者输入了不合格的数字、无效的电子邮件地址等。错误提示的目的是鼓励用户再次尝试信息输入,帮助指出信息输入有误的地方。这个模式的使用条件是:

  • 用户进行了不合法的信
  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值