表单校验与错误提示的设计

一个企业官网的表单，字段往往不多：姓名、电话、需求。但从点击提交到真正送达，中间隔着十几处可能出错的地方。用户在这一段被挡回去一次，多半就不会再来第二次。校验规则和错误提示，是转化链路上性价比最高的一处改进。

校验要分两层

输入时的即时校验负责及早提醒，比如手机号位数不对、邮箱缺少符号；提交时的整体校验负责兜底，防止绕过前端。两层都要有，但提示方式应不同：输入过程中不要一敲键盘就报错，等用户离开该字段或停顿片刻再提示，否则会打断输入节奏。

错误提示要写在出问题的地方

把错误集中显示在表单顶部，用户要自己对照哪一项错了。更好的做法是在字段下方就地提示，并用颜色或边框标出出错字段；多个字段同时出错时，自动滚动到第一个错误位置。

提示文案说清楚怎么改

"输入有误""格式不正确"这类提示等于没说。有效的提示包含三件事：错在哪里、正确格式是什么、怎么继续。例如"手机号应为十一位数字"就比"手机号格式错误"有用得多。避免使用技术术语和错误代码。

必填与选填要标注清楚

常见做法是给必填项打星号，却不说明星号含义。较稳妥的是直接写明“必填”，非必填项加“选填”字样。字段越少越好，能合并的就合并，能不收集的就不收集，这既是转化考虑，也是个人信息最小化的要求。

移动端要把输入类型设对

手机号字段应唤起数字键盘，邮箱字段关闭首字母自动大写，避免用户反复切换。输入框的点击区域要足够大，标签与控件正确关联，便于辅助技术识别。这些细节在手机上直接影响完成率。

失败后别清空已填内容

提交失败时把用户填过的内容全部清掉，是最伤人的设计。保留已填内容、只让用户修改出错项，是基本要求。如果涉及验证码或文件上传需要重新提交，应在页面上明确说明哪部分需要重来。

埋点看清流失在哪一步

在表单开始填写、字段失焦、提交点击、提交成功四个节点埋点，就能算出各字段的流失率。哪一步流失最高，就优先改哪一步。冉冉科技在网站建设与转化优化中，会用这组数据判断问题出在表单设计还是流量匹配。

小结

表单是企业与客户之间最短的一段路。把路上的坑填平，比在终点拉横幅更管用。

关于冉冉科技

江苏冉冉信息科技有限公司（品牌“冉冉科技”）成立于2017年，位于江苏省常州市新北区，是一家从事互联网信息服务、电子商务应用与企业应用系统开发的技术服务企业。公司业务涵盖网站建设、网页设计、SEO优化、竞价包年、域名注册、虚拟主机、企业邮箱、整合营销及企业形象策划等，以“只做有效果的网络营销”为服务主张，累计完成三千余起网站建设与服务。