Validar formulario en Javascript

jueves, mayo 05, 2011
COMPARTE EL POST

validar_usuario

Les traigo un tutorial muy sencillo sobre cómo validar un formulario en javascript, a petición de un usuario de este blog. Estoy seguro que les va a ser útil porque vamos a ver cómo usar lo siguiente:

  • Usar funciones
  • Validar campos usando criterios específicos

Entonces, después del salto les dejo todo el tutorial para que se animen a probarlo y a colocarlo en sus sitios web o aplicaciones.

El resultado final lo pueden ver aquí.

HTML

Lo primero es crear la estructura HTML, en este caso usamos una caja de texto, otra más para la edad, y una lista de opciones para validar. Al final tenemos un botón que llama a una función que vamos a declarar más abajo.

Javascript

Ahora si, recuerden que este código se coloca debajo de <head>. La función valida nuestros tres campos, el primero es el de nombre, donde sólo valida si está en blanco, si es así se muestra un mensaje.

El segundo código valida la edad simplemente con un condicional de que si es menor de 18 muestre el mensaje.

Y el tercero es para validar el índice del elemento seleccionado de la lista, si es 0 que es la opción de “Elegir”

Por último subimos el formulario una vez ya validados todos los datos.

Conclusión

Ya que tenemos esto ya podemos probar nuestro formulario y comprobar que efectivamente, todos los campos necesitarán ser llenados para que al final el formulario sea subido.

Si tienes alguna duda o cometario no dudes en decírmelo en los comentarios

¡Síguenos en Twitter!


Deja tu comentario