Page 52 - JavaScript修炼之道

Part 4 第四部分

表单技巧

表单是现代 Web 应用中的关键。我们经常需要从用户那里采集信息，以填写个人资料、设
置任务和服务以及发送信息。然而，现在网上大多数表单的可用性和人类工程学都处于令人遗
憾的状态。在这部分，我试着给出几个办法，它们在处理表单时可以改善用户体验（现在越来
①
越多地被称为 UX ）。
制作实用表单背后的关键思想是 ：不要浪费用户的时间。
 用任务 18 的方法可避免用户做两次提交。
 让用户知道他们还能输入多少文本，参见任务 19。
 允许用户批量选择和反选，参见任务 20。
 用任务 21、任务 22 和任务 23 的方法即时验证尽可能多的用户输入。我想你肯定没听说
有谁会喜欢晚一点发现用户名重复或者密码不符合安全性要求吧？
 给填写特定输入区域提供特殊的帮助，如任务 24 所示。
 你会在任务 25 中看到怎么做到支持其他类型的输入或自动完成。
 任务 26 对让用户一次上传多个文件的技巧给出了说明。

以上只是让表单更易于使用的几个例子。后面的任务讲解中我们具体讨论怎么实现这几个
例子。
当然，永远不要忘记，你不能认为 JavaScript 理所当然应该能用。不管怎么说，在没有
JavaScript 的情况下，你的表单应该仍然可用。也许它们不那么好用，但必须可用 ：服务器端无
论如何必须再次校验所有内容，在没有 JavaScript 拦截事件时不能出现不起作用的链接等。制
作表单时，渐进式效果提升至关重要。先保证在没有 JavaScript 或 CSS 支持时它们能正常使用，
然后再根据环境中可用和启用了的技术逐层增加用户体验。

① user experience 的特别记法。*