viernes, 11 de julio de 2014

Validación nativa de formularios con html 5

HTML5 ((HyperText Markup Language) por sus siglas en inglés, es la última versión de este lenguage, lanzado por la W3C hace aproximadamente 5 años(en fase de desarrollo) y hace aproximadamente 2 años fué cuando comenzó a utilizarce muy frecuentemente para el desarrollo de sitios web sofisticados.

Una de las ventajas que ofrece actualmente HTML 5 es la de validación de formularios de manera nativa, esto significa que no necesita de ningún lenguaje de programación del lado del cliente como Javascript para la validación básica de "forms",.

Dichas validaciones pueden utilizarse por ejemplo para que sea obligatorio un campo, o que  cumpla ciertas especificaciones, como e-mail, o el tamaño de la cadena que contendrá el campo, entre otras.

Las validaciones mas comunes que se hacen con  HTML5 son:

Campo requerido:
<input type="text" name="campoReq" required="">

Campo email:

<input type="email" name="mail" required="">

 Tambien es posible limitar el tamaño de la cadena en un imput, por ejemplo:

<p><label>Observaciones: <textarea name="obs" maxlength=1000></textarea>
</label></p>

existen otras formas de validacion por ejemplo puedes especificar un patern para determinar el formato de la cadena de un input en este caso del email.

<input type="text" pattern="^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\.[a-zA-Z0-9-]+)*$" name="mail" required/> 

Estos son solo algunos ejemplos, existen muchos mas y se pueden encontrar en l pagina oficial de la w3c.