禁用HTML5弹出窗体验证消息

Question

让我说我的形式：

{{ Form::email('fieldname', null, array()) }}

我将此输入填写如下：

thisisntanemailadress

点击提交按钮后，系统会显示一个弹出窗口，并显示这不是有效的电子邮件地址，这会阻止我的表单被提交。

如何禁用/配置所有类似的弹出消息，除了使用Form::text()？

Answer 1

这不是由Laravel引起的。它实际上是浏览器在允许用户提交表单之前尝试验证输入字段值。当您使用HTML5输入类型时会触发此操作，其中包括email，url，number，tel，date以及其他几种输入类型。

您正在使用的Form帮助程序方法将生成以下HTML：

<input type="email" name="fieldname">

大多数现代浏览器都会看到type="email"并尝试在允许您提交表单之前验证任何输入。

如果您不希望浏览器验证特定字段，则可以将novalidate属性添加到该字段输入标记中。对于您正在使用的表单助手方法，可以通过第三个参数来完成。

{{ Form::email('fieldname', null, array('novalidate'=> 'novalidate')) }}

或者，您可以通过向Form标记添加novalidate属性来禁用整个表单的浏览器验证。

<form method="" action="" novalidate> ... </form>