Quick Tip - 16: Disable HTML Form Validation With novalidate

April 25, 2014 | 0 Minute Read

With HTML5 we have been given new input types (email, tel, url, number, etc.) and built in browser validation to validate them. This is great but you may want to disable this validation if you want to test your server side validation, use custom validation, or something else.

This is where the novalidate property comes into play. Simply add it to your form tag and the default browser validation will be disabled.

<form novalidate="">
    <label for="phone">Phone:</label> 
    <input name="phone" required="" type="tel" /> 
    <input type="submit" value="Submit" />