The Walking

Validación de formularios

Vamos realizar un ejemplo de un formulario completo para validar. Las validaciones se hacen en el propio navegador antes de enviarlo. Si hubo algún campo no relleno ocon información errónea, el formulario muestra el campo que está incorrecto y solicita al usuario que lo cambie. Si todos los datos del formulario son correctos se envía el formulario. 

Hemos queridohacer un formulario sencillo, para que el ejercicio no se haga demasiado complicado. No obstante, se realizan validaciones en campos con distintos valores, para hacerlo más variado. Se comprueba uncampo donde debe figurar un texto, otro donde debe introducirse un número mayor que 18 y un último con un campo select donde deben haber seleccionado un valor. 

Referencia: para comprender esteejercicio hace falta conocer el trabajo con formularios con Javascript. Podemos aprender también Javascript desde cero http://www.desarrolloweb.com/javascript/, si es que fuera necesario.

Se puede verel ejemplo en funcionamiento para hacerse una idea más exacta del objetivo buscado. 

El código del formulario 

El formulario con el que vamos a trabajar es el siguiente: 

 
 
 
    Nombre: 
     
 
 
    Edad:  
     
 
 
    Interés: 
     
     
    Elegir 
    Contacto comercial 
    Atención al cliente 
    Contacto de proveedores 
     
     
 
 
     
 
 
 Es un formulario cualquiera. Los únicos puntos donde debemos prestar atención son:
El nombre del formulario, "fvalida", que utilizaremos para referirnos al él mediante Javascript.
El botón deenviar, que en lugar de ser un submit corriente, es un botón que llama a una función, que se encarga de validar el formulario y enviarlo si todo fue correcto.
Función Javascript para validar elformulario 

Ahora veremos la función que hemos creado para validar el formulario. Se llama valida_envia(). Simplemente, para cada campo del formulario, comprueba que el valor introducido es correcto. Si...