Validación de Radio

Calle7 · #1 (**permalink**) 24/11/2015, 14:19

Hola a todos, tengo un problema para validar una serie de preguntas que se deben de contestar marcando radio buttons.

Ejemplo:

Código PHP:

  <form action="ok.html" method="post" id="1" name="uno" onsubmit="return validacion()"> 
 
Pregunta 1: 
<td><input type="radio" name="group1" value="40"> 5 minutos</td> 
<td><input type="radio" name="group1" value="56"> 6 - 8  minutos</td> 
<td><input type="radio" name="group1" value="40"> 9 - 11 minutos</td> 
<td><input type="radio" name="group1" value="40"> 12 - 15 minutos</td> 
             
Pregunta 2: 
<td><input type="radio" name="group2" value="12"> Si</td> 
<td><input type="radio" name="group2" value="32"> No</td> 
 
Pregunta 3: 
<td><input type="radio" name="group3" value="500"> Alto</td> 
<td><input type="radio" name="group3" value="100"> Bajo</td> 
 
 
</form>

Quiero que valide cada una de las preguntas, es decir que le muestre un mensaje si el usuario no responde alguna pregunta.

GRACIAS

Micoelus · #2 (**permalink**) 24/11/2015, 15:12

Hola! se me ocurre esto para lo que necesitas

Código Javascript:

Ver originalfunction validacion(){
        grupo1 =document.getElementsByName("deacuerdo");
        grupo2 =document.getElementsByName("deacuerdo");
        grupo3 =document.getElementsByName("deacuerdo");
         var i = 0;
        while(i != -1 && i < grupo1.length)
        {
            if(grupo1[i].checked)
                resultado_grupo1 = grupo1[i].value;
            i = i + 1;
        }
 
        i = 0;
        while(i != -1 && i < grupo2.length)
        {
            if(grupo2[i].checked)
                resultado_grupo2 = grupo2[i].value;
            i = i + 1;
        }
 
        i = 0;
        while(i != -1 && i < grupo3.length)
        {
            if(grupo3[i].checked)
                resultado_grupo3 = grupo3[i].value;
            i = i + 1;
        }
 
        if(resultado_grupo1!= "" && resultado_grupo2 != "" && resultado_grupo3 != "")
            return true;
        else
            return false;
 
    }

asi el formulario no te deja pasar... y podrias agregar mensajes personalizados en caso de recibir

Código Javascript:

Ver originalresultado == "";

de todas maneras... quizas te sirva agregar el atributo required de HTML5 a un radiobutton de cada grupo

Ojalá te sirva

Calle7 · #3 (**permalink**) 24/11/2015, 15:51

Gracias Micoelus, pero no he tenido resultado alguno.... algo se me esta pasado ???

Micoelus · #4 (**permalink**) 25/11/2015, 12:02

si estas usando la opción required no hay modo de que falle xd...
a menos que no le estes poniendo la linea de HTML 5
recuerda que tiene que quedar asi

Código HTML:

Ver original<!DOCTYPE html> <!--esta linea es necesaria para que tome parametros de html5 -->
<html>
<head>
    <title></title>
</head>
<body>

a mi me funciona bien te copio como lo tengo yo

Código HTML:

Ver original<!DOCTYPE html>
<html>
<head>
    <title></title>
</head>
<body>
 
    <form action="ok.html" method="post" id="1" name="uno" onsubmit="return validacion()"> 
    <table>
    <tr>
        
    <td>Pregunta 1: </td>
    <td><input type="radio" name="group1" value="40" required> 5 minutos</td> 
    <td><input type="radio" name="group1" value="56"> 6 - 8  minutos</td> 
    <td><input type="radio" name="group1" value="40"> 9 - 11 minutos</td> 
    <td><input type="radio" name="group1" value="40"> 12 - 15 minutos</td> 
    </tr>
    <tr>                 
    <td>Pregunta 2: </td>
    <td><input type="radio" name="group2" value="12" required> Si</td> 
    <td><input type="radio" name="group2" value="32"> No</td> 
    </tr>
    <tr>
 
    <td>Pregunta 3: </td>
    <td><input type="radio" name="group3" value="500" required> Alto</td> 
    <td><input type="radio" name="group3" value="100"> Bajo</td> 
    </tr>
    <input type="submit">
    </table>
 
    </form>
 
</body>
</html>