Validar el campo de tipo radio

batistap · #1 (**permalink**) 21/02/2012, 10:49

Hola a todos, estoy intentando validar una pregunta tipo test usando el tipo radio. Supóngase este ejemplo:

¿Cuál es tu color favorito?
Rojo
Azul
Amarillo
Verde

Cada una de las opciones es un tipo radio en html, solo se puede elegir uno, pero eso ya lo tengo. Lo que quiero conseguir es que cuando le de al botón "Enviar" si no hay seleccionada ninguna opción que impida que la pregunta se envíe y salte un mensaje como por ejemplo "Debes elegir una opción".

¿Cómo podría hacerlo?

goteen_mx · #2 (**permalink**) 21/02/2012, 13:38

Busca sobre la funcion onsubmit,

te dejo un ejemplo.

Saludos.

Código Javascript:

Ver original<html>
   <head>
       <script>
        function f_valida(frm){
            for (i=0;i<frm.miRadio1.length;i++) {
                 if(frm.miRadio1[i].checked)
                       return true;
      }
    alert("elige un color");
    return false;
}
</script>
</head>
<body>
  <form onsubmit="return:f_valida(this);"action="mipagina.php"> 
     <radio name="miRadio1" value="0">
     <radio name="miRadio1"  value="1">
     <input type="submit" value="enviar">
  </form>
</body>
</html>

batistap · #3 (**permalink**) 21/02/2012, 15:53

Muchas gracias, me fuiste de ayuda.