Atributo novalidate HTML5: Anular la validación de inputs

El atributo novalidate HTML5 hace que el elemento en cuestión no se valide al enviar el formulario, es decir, si el formulario HTML5 tiene varios input que disponen de validación automática por parte del navegador podemos anular esta validación por cada input.

Anteriormente repasé el atributo formnovalidate que es similar a novalidate, os explico la diferencia:

Atributo novalidate: Se aplica a los input de formularios, estos input no se validarán.
Atributo formnovalidate: Se aplica a la etiqueta form, ningún elemento HTML5 se validará al enviarse el formulario.

Sintaxis del atributo novalidate HTML5

Vamos a ver la sintaxis de este atributo HTML5 extraída de su web oficial:

<input type="text" name="nombre" novalidate="true" />

1	<input type="text" name="nombre" novalidate="true" />

Tal y como se aprecia en el código es muy sencillo meter el atributo en un input, los valores que puede tener son:

true: El input no se validará.
false: El input se validará.

Compatibilidad del atributo novalidate HTML5

Los input en los que se puede usar este atributo son: color, date, email, password, range, search, tel, text, url, datetime, datetime-local, month, time y week.

Ejemplo del atributo novalidate HTML5

Vamos con un sencillo ejemplo donde vamos a ver en funcionamiento el atributo:

<form name="formulario" id="formulario" action="002-ejemplo-atributo-novalidate-html5.php" method="POST">
	Fecha de nacimiento (entre 1-1-2000 y 31-12-2014): <input type="date" name="dia" min="2000-01-01" max="2014-12-31"  novalidate="true">
	<input type="submit" value="Enviar">
</form>

<form name="formulario2" id="formulario2" action="002-ejemplo-atributo-novalidate-html5.php" method="POST">
	Fecha de nacimiento (entre 1-1-2000 y 31-12-2014): <input type="date" name="dia" min="2000-01-01" max="2014-12-31"  novalidate="false">
        <input type="submit" value="Enviar">
</form>

Fecha de nacimiento (entre 1-1-2000 y 31-12-2014): <input type="date" name="dia" min="2000-01-01" max="2014-12-31" novalidate="true">

</form>

Fecha de nacimiento (entre 1-1-2000 y 31-12-2014): <input type="date" name="dia" min="2000-01-01" max="2014-12-31" novalidate="false">

</form>

Os explico el ejemplo:

En el primer formulario tenemos un input de tipo date, este input tiene el atributo novalidate = true, por lo que al enviarse el formulario NO debería validarse dicho input.
En el segundo formulario tenemos un input de tipo date, este input tiene el atributo novalidate = false, por lo que al enviarse el formulario SÍ debería validarse dicho input.

Es muy probable que al probar este ejemplo no os funcione el atributo ya que está pendiente de implementación por parte de la mayoría de navegadores.