validar checkbox diferentes

josho · #1 (**permalink**) 19/07/2011, 14:01

Hola, tengo un formulario de encuesta para alumnos y quisiera validar los casilleros o chekbox con opciones diferentes (5 en total), de tal manera que si el alumno no marca NADA, el formulario no se envie y salga un alerta.
Luego, si el alumno marca al menos uno (1) de los cinco, el formulario proceda a conectarse con el cgi segun la accion que coloco a continuacion:
----
form action="http://www.formbuddy.com/cgi-bin/form.pl"
method="POST" onSubmit="return validar(this.code.value)">
<font size="1" face="Arial" color="#800000">
<input type="hidden" name="username" value="pepe"><input type="hidden"
name="reqd" value="0"><input type="hidden"
name="url" value="http://www.ieeunlar.comze.com/respencuesta.html">
----
Esta accion de arriba es un ejemplo que tome de otro caso, pero no me funciona. Lo que me interesa es que si el alumno marca 1 chekbox, el formulario se envie al cgi y luego devuelva la pagina respencuesta.html.
No se si me hago entender. Sepan disculpar pero no entiendo mucho soy prof de biologia.
p/D: return validar(this.code.value) es porque el ejemplo que tome tiene un codigo de otro formulario pero si se elimina no hay problema.
Un saludo atte.

ceSharp · #2 (**permalink**) 20/07/2011, 00:42

toma profe ;)
--------------------------------------
<html xmlns="http://www.w3.org/1999/xhtml" >
<head >
<title>Untitled Page</title>
<script type="text/javascript">
function validarFormulario()
{
//con un bucle recorremos todos los checkbox del formulario
//en el momento que uno esté marcado devolveremos un valor TRUE para que el formulario navegue
//a la página en cuestión
var checks = document.getElementsByTagName('input');
for(i=0;i<checks.length;i++)
{
if(checks[i].type=='checkbox')
{
if(checks[i].checked)
return true;
}
}
//si llegamos a este punto es que no había ningún checkbox marcado, así que mostramos
//una alerta y devolvemos FALSE, para que el formulario no navegue
alert('no has marcado ningún checkbox');
return false;
}
</script>
</head>
<body>
<form id="form1" method="post" action="http://www.google.com" onsubmit="return validarFormulario()" >
<div>
<input type="checkbox" />valor 1<br />
<input type="checkbox" />valor 2<br />
<input type="checkbox" />valor 3<br />
<input type="checkbox" />valor 4<br />
<input type="checkbox" />valor 5
</div>
<input type="submit" value="ir" />
</form>
</body>
</html>
--------------------------------------

esto es un ejemplo, tendrás que modificarlo a tu gusto.

saludos.

josho · #3 (**permalink**) 20/07/2011, 09:43

Muchas gracias me fijo...

josho · #4 (**permalink**) 20/07/2011, 12:39

Gracias ceSharp, quedó Joya!... Saludos.