该技巧的目的是当用户提交的信息不被接受的时候,帮助用户找到错误区域。这些错误区域包含必填信息缺失和区域信息错误。当校验用户输入数据并检测到错误时,提供一个链接到错误区域的链接,这样用户就不必搜索错误区域。一个方法是使用服务器端验证,然后再次展示表单(包含先前已输入的数据),在页面顶端提供一个文本描述指明存在一个输入错误,描述问题的原因,并提供一个链接到问题区域的链接。
用户在表单区域输入无效数据并提交表单。服务器返回表单,用户输入的数据仍然存在,并在页面顶端清楚说明存在不被接受的数据。文本描述了错误的原因并提供一个链接链接到问题区域,这样用户可以容易地导航到问题区域并修复它。
用户在表单区域输入无效数据并试图提交表单。科幻段脚本检测到错误,取消提交,并修改网页文档来提供文本消息以描述错误,并带有跳转到错误区域的链接。脚本同时也会修改问题区域的标签并高亮。
当用户提交一个表单,相对于将用户带到一个新网页,脚本会自动聚焦到“发生错误”的文本链接上。该链接会跳转到描述错误消息有序列表的第一个项目上。每一个列表项是一个链接,可跳转到错误发生的区域。在错误区域会有一个链接跳回到描述错误消息有序列表。如有需要,重复上述过程。
各读屏、各浏览器的支持效果
测试人: