javascript - 禁用 HTML5 弹出表单验证消息

Question

假设我的表单中有:

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

我按如下方式填写此输入:

thisisntanemailadress

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

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

Answer 1

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

您使用的表单辅助方法将生成以下 HTML:

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

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

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

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

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

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