Hola, visitante! [ Regístrate | Iniciar SesiónFeed de RSS  |   | 

Comentarios desactivados en Como validar un formulario html con jQuery

Como validar un formulario html con jQuery

| JQuery | febrero 12, 2013

Uno de los grandes problemas en cualquier formulario web es la validacion.
Para evitar datos incorrectos y mejorar la experiencia del usuario, todos los formularios/campos, deben de ser validados ya sea en el lado del cliente y en si es posible en el lado del servidor.
Una de las opciónes es validar el formulario en el lado del servidor una vez enviado y mostrar el mensaje de error, mientras que la otra opcion es validarlo antes de enviarlo.

Requisitos

Libreria de jQuery
Plugin de validacion

1- Hacer referencia a la libreria/plugin en nuestro “header”

2- Creamos una funcion la cual hara la validacion

3- Creamos el formulario

Cabe destacar la importancia de incluir los ID del formulario (formcontacto) y de los diferents campos (nombre, email, telefono y mensaje)

5- Le damos estilo al formulario

Los labels son las etiquetas de los diferentes campos, y el label.error es el formato para los mensajes de error una vez validado el formulario.

Sin etiquetas

1197 total views, 1 today

  

Enlaces Patrocinados

Justhost
Bluehost
Anunciate
Gomobilego
inDsign
Namecheap