HTML5 novalidate 仅针对某些输入

Question

我有一个非常简单的问题 - 有什么方法可以只对某些选定的输入禁用 HTML5 验证(而不是为整个表单设置“novalidate”)？

我的意思是像 <input type='number' required novalidate > .但这不起作用。

你可能会问为什么我需要 type="number"或 "required"呢？好吧，我在那里需要它，因为我的框架使用它来进行自己的验证。

编辑

这是关于一个特殊的输入 - 出生号码。我需要它是 number 类型(因为移动设备)，但它的值主要与“/”一起使用(例如 860518/8757)，这不是 number 。所以我需要用户在没有斜线的情况下填写它(8605188757)。问题是当 html5 输入中填充了无效值时(例如数字类型中的“fsda”)，它似乎是空的，没有值。

因此，当用户以错误的格式 (860518/8757) 填写值时，html 验证被禁用，因此 JS 验证运行，它被验证为空字段。所以错误消息类似于“请填写字段出生编号”(这真的很令人困惑)而不是诸如“抱歉，格式错误”之类的东西。

我的解决方案是为此字段启用 html5 验证(因此当填写错误的格式时会显示默认的浏览器消息)但对其他字段禁用它，以便它们仅通过我的 JS 验证进行验证。

Answer 1

您不能为选定的输入禁用 HTML5 验证。

如果你想删除整个表单的验证，你可以使用 formnovalidate在你的input元素。

例如，

<input type="submit" value="Save" class="button primary large" formnovalidate/>

注意您可以使用formnovalidate与 <input type=submit> , <inut type=image>或 <button> - source

有关更多信息，请转到 here或 here .