禁用HTML5弹出表单验证消息

Question

Let's say that i have in my form:

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

I fill this input as following :

thisisntanemailadress

After clicking on the submit button, a popup appears and says that this is not a valid email address , which prevents my form to get submitted.

How can i disable/configure all popup messages like that, except using Form::text() ?

Answer 1

This isn't caused by Laravel. It's actually the browser attempting to validating the input fields value before allowing the user to submit the form. This is triggered when you use a HTML5 input type, these include email , url , number , tel , date , and several others.

The Form helper method you are using will generate the following HTML:

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

Most modern browsers will see the type="email" and attempt to validate any input before allowing you to submit the form.

If you don't want the browser to validate a specific field you can add the novalidate attribute to that fields input tag. For the form helper method you are using this can be done via the third parameter.

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

Alternatively you can disable browser validation for an entire form by adding the novalidate attribute to the Form tag.

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