Ver Mensaje Individual
  #2 (permalink)  
Antiguo 30/09/2014, 00:47
Avatar de Alexis88
Alexis88
Philosopher
 
Fecha de Ingreso: noviembre-2011
Ubicación: Tacna, Perú
Mensajes: 5.552
Antigüedad: 12 años, 6 meses
Puntos: 977
Respuesta: Validar varios input radio

Para realizar una validación antes de que se envíen los datos del formulario, necesitas cancelar el evento submit, para lo cual puedes hacer uso del método preventDefault. Luego, verifica si los radio button han sido seleccionados comprobando si tienen un valor y de ser así con todos, entonces envías los datos a procesarse con el método submit, caso contrario, muestras un mensaje de alerta en el que le indicas al usuario que debe de seleccionar una opción para cada ítem.

Código Javascript:
Ver original
  1. var form = document.forms.form1; //Tomo al formulario
  2.  
  3. form.addEventListener("submit", function(event){
  4.     event.preventDefault(); //Cancelo el envío
  5.     var sexo = this.elements.sexo.value, //El valor para "sexo"
  6.         pais = this.elements.pais.value, //El valor para "país"
  7.         color = this.elements.color.value; //El valor para "color"
  8.    
  9.     if (sexo && pais && color){ //Si se seleccionaron opciones para los tres ítems
  10.         this.submit(); //Envío el formulario
  11.     }
  12.     else{
  13.         alert("Debe de seleccionar una opción para cada ítem");
  14.     }
  15. }, false);

Cuando no seleccionas un valor para un grupo de radio button con el mismo nombre, el valor es nulo. Al hacer así la condición, verificas si existe un valor para cada una de dichas variables, es decir, que no sean nulas. Ojo, no olvides asignar valores para los radio button, para cada uno de ellos.

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