禁用不在表单中的HTML5元素的验证

Question

表单可以禁用验证。

<form novalidate/>

现在，我在表单中有一个HTML5元素而不是。如何在那种情况下禁用验证？

<noform>
    <input name="email" type="email"/>
</noform>

Answer 1

目前尚不清楚您想要实现的目标。如果input元素无法提交给服务器，那么它将不会触发验证过程，因为您的评论似乎表明您已发现。但是，无论该进程如何，单个input元素仍然可以处于无效状态。有几个简单的解决方案可以避免这种情况：

• 如果您不希望将字段的有效性状态评估为电子邮件，请不要使用type="email"
• 如果您需要输入email但不关心它是有效的电子邮件（例如，在移动设备上触发特定的键盘模式），则使用CSS隐藏指示。

以下是隐藏正常firefox红光的方法：

input:-moz-ui-invalid {
    box-shadow: none;
}

here's a quick example。