2B产品设计套路一：表单设计

校验方式可以分为前端校验和后端校验两种，前端校验可以实现有无输入、输入格式（要求输入数字但输入了文本、邮箱格式、手机号格式等）的校验，后端校验实现用户名是否存在、密码是否正确等需要比对数据库的校验。

触发校验的条件可以是每填写完一项时校验，也可以是点击“提交”时统一校验。由于有一些后端校验（比如校验用户名、密码是否正确）需要多项内容填写完才能进行，为了统一我一般都会选择点击“提交”触发校验。

错误的显示形式，为了让用户更直观的找到错误项，一般是在输入/选择框的下方用红色文字提示，如下：

（4）帮助

2B业务中有些字段信息比较专业，用户可能一下理解不了，所以我们需要给用户一些指引，教给用户填写什么。

帮助的显示形式主要是【？】图标+ 鼠标 hover 显示帮助信息，或者是直接用灰色文字显示在输入框下方。第一种hover显示的方式可以展示更多的内容，输入框下方显示的方式更加直观。

我一般会选择第一种形式，除了对输入内容进行描述外，一般会给出一个栗子，这样的帮助更加直观一点。第二种形式的帮助在输入框比较多的时候会让整个页面显得比较乱，而且还要处理和错误校验信息显示的关系，所以我一般不会用这种方式展示帮助信息。

（5）搜索、联想与推荐

（编辑：西安站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!