César Asked: 2020-12-03 08:01:11 +0800 CST 2020-12-03 08:01:11 +0800 CST 2020-12-03 08:01:11 +0800 CST 在表单中禁用 HTML5 元素验证 772 在表单中,程序员使用typesHTML5 类型的输入 ( )。例如,以下情况需要输入 13 到 16 位数字之间的数字: <input type="text" pattern="[0-9]{13,16}" title="A credit card number" /> 如图所示,浏览器(在本例中为 Chrome)显示了一个我想避免的验证,因为我们想将此验证和其他验证传递给服务器端并显示自定义消息。 有没有办法摆脱这些浏览器生成的验证消息而无需手动编辑每个input表单? validación 2 Answers Voted Best Answer César 2020-12-03T08:03:50+08:002020-12-03T08:03:50+08:00 禁用 HTML5 表单验证的最简单方法是将属性添加novalidate到表单。 例如: <form method="POST" novalidate> ... </form> 或者他们相应的替代方案: <form method="POST" novalidate="novalidate"> ... </form> <form method="POST" novalidate=""> ... </form> 参考: W3C 禁用 HTML5 表单元素的验证(SO) Alvaro Montoro 2020-12-04T11:33:31+08:002020-12-04T11:33:31+08:00 除了novalidateCesar在他的回答中指定的选项之外,还有另一种可能也有用的选择:使用formnovalidate. submit带有该属性的按钮与直接formnovalidate将其放在表单标签中具有相同的效果novalidate,但它还有一个额外的优点:submit表单中可以有多个字段,这使您可以选择在提交时是否验证表单(来源:W3C)。 这对于例如保存表单以供以后继续或处理某些值(即使尚未完全完成)非常有用。示范: <form> <table> <tr> <td>Nombre</td> <td> <input type="text" name="nombre" required /> </td> </tr> <tr> <td>Apellido</td> <td> <input type="text" name="apellido" required /> </td> </tr> <tr> <td></td> <td> <input type="submit" value="Enviar (con validación)" /><br/> <input type="submit" value="Completar más tarde (sin validación)" formnovalidate /> </td> </tr> </table> </form>
禁用 HTML5 表单验证的最简单方法是将属性添加
novalidate
到表单。例如:
或者他们相应的替代方案:
参考:
除了
novalidate
Cesar在他的回答中指定的选项之外,还有另一种可能也有用的选择:使用formnovalidate
.submit
带有该属性的按钮与直接formnovalidate
将其放在表单标签中具有相同的效果novalidate
,但它还有一个额外的优点:submit
表单中可以有多个字段,这使您可以选择在提交时是否验证表单(来源:W3C)。这对于例如保存表单以供以后继续或处理某些值(即使尚未完全完成)非常有用。示范: