HTML5 valide重新输入值

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，为确保您再次验证服务器上的数据。