HTML5验证输入的值

Question

我刚刚在注册表单客户端验证中使用了HTML5模式属性。它运行良好，我打算将它用于实时代码。

在我的注册表单中，我有一个re-enter password输入字段。

由于我认为经常使用重新输入值，我想知道：确实存在一些奇特的HTML5机制来检查重新输入的值是否与第一个输入的值匹配。或者我仍然需要在JavaScript中这样做吗？

Answer 1

不是。

HTML5引入了一个<output>元素，该元素应该代表某些计算的结果（例如比较两个值）。您可以使用其for属性将其与页面上影响其结果的输入相关联。不过这是问题所在：

• 您仍然需要JavaScript来实际执行计算。
• Firefox的渲染引擎（Gecko）允许您为<output> (see this page from the Mozilla documentation)指定有效性约束和错误消息，但其他渲染引擎可能不会（也可能不会）。
• 许多非常常用的浏览器不支持HTML5表单验证（通常是HTML5功能）。例如，anyone visiting your site using Internet Explorer < 10 or using most mobile browsers won't be able to use the form validation.

如果您想提供即时验证反馈，最好的办法是使用JavaScript，确保在服务器上再次验证数据。