Como Valido opciones de Radio ?

SOFIA_ME_GUSTA · #1 (**permalink**) 31/10/2005, 08:55

Que tal,

Yo utilizo el validador de Tunait que va muy bien. Ahora necesito hacer un formulario especial, tipo encuesta que solo tiene botones de radio y éste verificador no verifica objetos de formulario tipo radio.............. que código javascript se usa para verificar que mis opciones de radio sean llenadas?

Saludos y gracias de antemano

http://javascript.tunait.com/javascr...dorformularios

SOFIA_ME_GUSTA · #2 (**permalink**) 31/10/2005, 09:07

Ah bueno en las FAQS he visto este pero no me funciona:

Código PHP:

  <script language="JavaScript"> 
var el = document.(form1).elements; 
for (var i = 0 ; i < el.length ; ++i) { 
    if (el[i].type == "radio") { 
        var radiogroup = el[el[i].name]; 
        var itemchecked = false; 
        for (var j = 0 ; j < radiogroup.length ; ++j) { 
            if (radiogroup[j].checked) { 
            itemchecked = true; 
            break; 
            } 
        } 
        if (!itemchecked) { 
            i=0; 
            break; 
        } 
    } 
} 
if (i>0) { 
    return true; 
} else { 
    alert("No ha respondido todas las preguntas"); 
    return false; 
}  
</script>

Osea no sé como adaptarlo a mi formularo, ya le he puesto el nombre en la opción:

Código PHP:

  var el = document.(form1).elements;

No sé que más hacer...

Saruman · #3 (**permalink**) 31/10/2005, 09:10

que tal sofia_me_gusta?? de vuelta por ak?? que tal

yo puse algo de eso en los FAG's por si te sirve...

http://www.forosdelweb.com/showpost....&postcount=226

saludos

SOFIA_ME_GUSTA · #4 (**permalink**) 31/10/2005, 11:53

Mi form se llama form1

Código PHP:

  <script language="javascript"> 
function validar_checkbox() { 
var total = f.form1.length; 
var selected = false; 
 
if (total != null) { 
for (i=0; i<total; i++) { 
    if (f.form1[i].checked == true) { 
     selected = true; 
     break; 
    } 
} 
} else { 
if (f.form1.checked == true) { 
    selected = true; 
} 
} 
 
if (selected == false) { 
alert("Debe seleccionar al menos una opción."); 
return false 
} 
} 
</script>

Y en el form pongo:

Código PHP:

  <form name="form1" method="post" action="algo.asp" onSubmit="return validar_checkbox()">

Pero no funciona, que puede ser? Lo mio son botones de radio no checkboxes, funciona igual ?

Saruman · #5 (**permalink**) 31/10/2005, 12:09

Cita:

Iniciado por SOFIA_ME_GUSTA

Pero no funciona, que puede ser? Lo mio son botones de radio no checkboxes, funciona igual ?

como se llaman los checkboxes?.... alli no veo nada de eso

SOFIA_ME_GUSTA · #6 (**permalink**) 31/10/2005, 12:39

Mmmmmm ha de ser eso, una ayuda, en qué parte de éste código se colocan los nombres de los radiogroups ?

Cap.Buscapina · #7 (**permalink**) 31/10/2005, 17:28

holas.

si bien no es muy "ortodoxo"

ni muy "elegante"

yo lo haría así (a lo mejor te sirve)

Cita:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Documento sin título</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script>
function verif(){
aa=0;
formu=document.forms['form1'];
cuantos=3;//cuantos grupos de radiobuttons
for(x=1;x<cuantos+1;x++){
if(formu['q'+x].value==""){aa=1;}
}
(aa==0)?formu.submit():alert('incorrecto');
}

function definir(cual,valor){
document.forms['form1'][cual].value=valor;
}

</script>

</head>

<body>
<p>Cap_Buscapina es:</p>
<form name="form1" method="post" action="asda.asp">
<p>
<input type="radio" name="grupo1" value="hermoso" onClick="definir('q1',this.value)">
hermoso
<input type="radio" name="grupo1" value="feito" onClick="definir('q1',this.value)">
feito
<input name="q1" type="hidden" id="q1">
</p>
<p>
<input type="radio" name="grupo2" value="sexy" onClick="definir('q2',this.value)">
sexy
<input type="radio" name="grupo2" value="seco" onClick="definir('q2',this.value)">
mas_seco_que_bizcocho
<input name="q2" type="hidden" id="q2">
</p>
<p>
<input type="radio" name="grupo3" value="alegre" onClick="definir('q3',this.value)">
alegre
<input type="radio" name="grupo3" value="aburrido" onClick="definir('q3',this.value)">
aburrido
<input name="q3" type="hidden" id="q3">
</p>
<input name="enviar" value="enviar" type="button" onClick="verif()"></form>
<p> </p>
<p>  </p>
<p>  </p>
</body>
</html>

suerte