HTML5表单验证？比警报箱更“优雅”的东西？

Question

  

可能重复：
  Recommendation for javascript form validation library

我有一个HTML5登录表单。用户输入用户名和密码。目前，如果密码不正确，则会抛出警告框，通知他们。然而，警报箱很难看，让一切看起来都很糟糕。我正在寻找替代方案，易于实现其他人发现更优雅的想法。你不必点击什么来摆脱，但让用户对发生的事情非常明白。

Answer 1

我的建议是检查好的jQuery插件以进行表单验证： http://bassistance.de/jquery-plugins/jquery-plugin-validation/

Answer 2

也许jQuery会在违规文本框旁隐藏/显示错误消息。

您的问题表明验证是在客户端而不是服务器上完成的。如果这不正确，您可以使用凭据对服务器进行Ajax调用。您的服务器可以在目录或数据库中进行查找，确定此人是否是有效用户，并做出相应的响应。

Answer 3

我同意duffymo。

如果密码字段不正确，例如，您可以尝试使用彩色边框突出显示字段（使用滤镜和影子框以获得更好的效果）而不是警告框，并使span元素与密码字段一起显示用户输入了错误的数据（您可以使用文本和图像组合或纯文本，简洁。）并在一段时间后淡出span元素。我已经在我公司创建的一些页面中广泛使用了这个概念。