Cuando tenemos que validar los datos de un formulario podemos recurrir a Javascript y crear nuestra función de validación, pero también podemos recurrir a jQuery para validar el formulario de forma rápida y sencilla.
Descargar jQuery y el plugin validate.Incluir los ficheros en la cabecera de nuestro código fuente: $(document).ready(function() { $(‘#formV’).validate(); });Como podemos observar, también hemos añadido el código jQuery para que el formulario cuyo id=”formV” sea validado.
Escribir nuestro formulario y asignarle un identificador único, en este caso le asignaremos el id=”formV” mencinado en el paso anterior:Llegados a este punto, deberemos indicar qué campos requieren validación para que, en este caso el plugin validate, pueda llevarla a cabo. Tenemos dos formas de hacerlo: Asignando una clase required a cada elemento que requiera validación, de forma que si ese campo no cumple las condiciones adecuadas o no es rellenado, será mostrado un aviso de error que nos lo indicará.
Definiendo un id único para cada campo que requiera validación y, en la cabecera del código fuente, el tipo de validación. Es decir, la cabecera de nuestro código fuente pasará a ser: $(document).ready(function() { $(‘#formV’).validate({ rules: { name: {required: true}, email: {required: true}, subject: {required: true} }, messages: { name: {required: “Introduzca su nombre”}, email: {required: “Introduzca su email”}, subject: {required: “Introduzca el asunto del mensaje”} } }); });
Y el código fuente quedaría de la siguiente forma:
Podemos emplear muchas más opciones en los campos del formulario, así que si es necesario, en el siguiente enlace podremos encontrar un listado de ellas.
Etiquetas: formularios, jQuery, Validacin, validate
