Ver Mensaje Individual
  #2 (permalink)  
Antiguo 21/06/2014, 14:58
Avatar de Alexis88
Alexis88
Philosopher
 
Fecha de Ingreso: noviembre-2011
Ubicación: Tacna, Perú
Mensajes: 5.552
Antigüedad: 13 años
Puntos: 977
Respuesta: Comprobacion de campos y validacion

Primero, necesitas cancelar el evento submit, el cual se produce cuando envías los datos del formulario para procesarlos. Luego, bastaría con que obtengas al conjunto de elementos del formulario y con un bucle realices la verificación de cada elemento. Podrías utilizar una variable que inicie con un valor determinado y que cambiará en caso se encuentre algún elemento vacío, de acuerdo al valor final de dicha variable, realizas o no el envío de los datos.

Código Javascript:
Ver original
  1. var formulario = document.getElementById("id_formulario"),
  2.     elementos = formulario.elements,
  3.     total = elementos.length;
  4.  
  5. formulario.addEventListener("submit", function(event){
  6.     event.preventDefault(); //Cancelo el envío
  7.  
  8.     var enviar = true; //La variable
  9.  
  10.     for (var i = 0; i < total; i++){
  11.         if (!elementos[i].value.length){
  12.             alert ("Debes de ingresar datos en el campo " + elementos[i].name);
  13.             enviar = false; //Cambia el valor de la variable
  14.             break; //Salgo del bucle
  15.         }
  16.     }
  17.  
  18.     if (enviar) this.submit(); //Si todos los campos tienen valores, envío los datos
  19. }, false);

Para cancelar el evento, utilizo el método preventDefault, mientras que el envío de los datos, lo realizo con el método submit (que es distinto al evento submit, pero están relacionados).

Saludos
__________________
«Juro por mi vida y mi amor por ella, que jamás viviré para el provecho de otro hombre, ni le pediré a otro hombre que viva para el mío».

Ayn Rand