禁用HTML5表单元素的验证

前端之家收集整理的这篇文章主要介绍了禁用HTML5表单元素的验证前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
在我的表单中,我想使用新的HTML5表单类型,例如 ( more info about the types here)。

问题是,Chrome想为我提供超级帮助和验证这些元素,除了它吸引。如果内置验证失败,则除了元素获取焦点之外没有消息或指示。我用“http://”预填充URL元素,所以我自己的自定义验证只是将这些值视为空字符串,但Chrome拒绝。如果我可以改变它的验证规则,那也将工作。

我知道我可以回到使用type =“text”,但我想使用这些新的类型提供的好的增强(例如:它自动切换到移动设备上的自定义键盘布局):

那么,有没有办法关闭自定义自动验证?

解决方法

如果要在HTML5中禁用表单的客户端验证,请向表单元素添加novalidate属性。 Fx:
<form method="post" action="/foo" novalidate>...</form>

http://www.w3.org/TR/html5/forms.html#attr-fs-novalidate

猜你在找的HTML5相关文章