Validación de los checkbox

Te escribo para saber como validar el siguiente formulario ya que soy incapaz de hacerlo. Más que nada son los checkbox los que me dan problemas lo demás me sale bien y aparte irán metidos en una base de datos cuando se envíen correctamente.
Gracias de antemano y espero tu respuesta
<form name="formulario" action="insertar.php" method="post" class="formulario">
<b>Desea recibir información sobre:*</b><br/><br/>
  <input type="checkbox" name="informacion"  value="clases particulares"/><b> Clases particulares</b>
<!--esto es el spoiler de clases particulares-->
<script type="text/javascript">
//Ocultar/Mostrar Div's
OCULTO="none";
VISIBLE="block";
  function mostrar1(blo) {
    document.getElementById(blo).style.display=VISIBLE;
    document.getElementById('ver_off1').style.display=VISIBLE;
    document.getElementById('ver_on1').style.display=OCULTO;
    }
  function ocultar1(blo) {
    document.getElementById(blo).style.display=OCULTO;
    document.getElementById('ver_off1').style.display=OCULTO;
    document.getElementById('ver_on1').style.display=VISIBLE;
    }
</script>
<div id="ver_on1"><a href="#" onclick="mostrar1('bloque1')" title="Expandir info">ver opciones</a>
</div>
<div id="ver_off1" style="display: none"><a href="#" onclick="ocultar1('bloque1')" title="Cerrar info">ocultar opciones</a>
</div>
<script type="text/javascript">
//Ocultar/Mostrar Div's
OCULTO="none";
VISIBLE="block";
  function mostrar1(blo) {
    document.getElementById(blo).style.display=VISIBLE;
    document.getElementById('ver_off1').style.display=VISIBLE;
    document.getElementById('ver_on1').style.display=OCULTO;
    }
  function ocultar1(blo) {
    document.getElementById(blo).style.display=OCULTO;
    document.getElementById('ver_off1').style.display=OCULTO;
    document.getElementById('ver_on1').style.display=VISIBLE;
    }
</script>
<div id="ver_off1" style="display: none">
<h1><a href="#" onclick="ocultar1('bloque1')" title="Cerrar info">Contraer</a></h1>
</div>
<div id="bloque1" style="display: none">
<p id="txt">
<br/>
<input type="checkbox" name="opcion" value="Clases Particulares de Secundaria" /> Clases Particulares de Secundaria<br/>
<input type="checkbox" name="opcion" value="Clases Particulares de ESO" /> Clases Particulares de ESO<br/>
<input type="checkbox" name="opcion" value="Clases Particulares de Bachiller" /> Clases Particulares de Bachiller<br/>
<input type="checkbox" name="opcion" value="Clases Particulares de Universidad" /> Clases Particulares de Universidad<br/>
<input type="checkbox" name="opcion" value="Clases Particulares para Adultos" /> Clases Particulares para Adultos<br/>
<input type="checkbox" name="opcion" value="Clases Particulares de Idiomas" /> Clases Particulares de Idiomas<br/>
<input type="checkbox" name="opcion" value="Preaparción de Ex´menes" /> Preaparción de Exámenes<br/>
<input type="checkbox" name="opcion" value="Preaparación de Oposiciones" /> Preaparación de Oposiciones
</p>
</div>
<!--termina clases particulares-->
<br/>
  <input type="checkbox" name="informacion" value="Realizacion de trabajos y proyectos" /><b> Realizacion de trabajos y proyectos</b><br/><br/>
  <input type="checkbox" name="informacion" value="apoyo psicopedagogico" /><b> Apoyo psicopedagógico</b>
<!--esto es el spoiler de APOYO PSICOPEDAGOGICO -->
<script type="text/javascript">
//Ocultar/Mostrar Div's
OCULTO="none";
VISIBLE="block";
  function mostrar2(blo) {
    document.getElementById(blo).style.display=VISIBLE;
    document.getElementById('ver_off2').style.display=VISIBLE;
    document.getElementById('ver_on2').style.display=OCULTO;
    }
  function ocultar2(blo) {
    document.getElementById(blo).style.display=OCULTO;
    document.getElementById('ver_off2').style.display=OCULTO;
    document.getElementById('ver_on2').style.display=VISIBLE;
    }
</script>
<div id="ver_on2"><a href="#" onclick="mostrar2('bloque2')" title="Expandir info">ver opciones</a>
</div>
<div id="ver_off2" style="display: none"><a href="#" onclick="ocultar2('bloque2')" title="Cerrar info">ocultar opciones</a>
</div>
<script type="text/javascript">
//Ocultar/Mostrar Div's
OCULTO="none";
VISIBLE="block";
  function mostrar2(blo) {
    document.getElementById(blo).style.display=VISIBLE;
    document.getElementById('ver_off2').style.display=VISIBLE;
    document.getElementById('ver_on2').style.display=OCULTO;
    }
  function ocultar2(blo) {
    document.getElementById(blo).style.display=OCULTO;
    document.getElementById('ver_off2').style.display=OCULTO;
    document.getElementById('ver_on2').style.display=VISIBLE;
    }
</script>
<div id="ver_off2" style="display: none">
<h1><a href="#" onclick="ocultar2('bloque2')" title="Cerrar info">Contraer</a></h1>
</div>
<div id="bloque2" style="display: none">
<p id="txt">
<br/>
<input type="checkbox" name="opcion" value="Apoyo Psico-Pedagogico infantil" /> Apoyo Psico-Pedagógico infantil<br/>
<input type="checkbox" name="opcion" value="Apoyo Psicologico Juvenil" /> Apoyo Psicológico Juvenil<br/>
<input type="checkbox" name="opcion" value="Apoyo Psicologico Adultos " /> Apoyo Psicológico Adultos <br/>
</p>
</div>
<!--termina APOYO PSICOPEDAGOGICO...

1 respuesta

Respuesta
1
Me tienes que especificar un poco más la clase de validación que quieres hacer en los checkbox. ¿Qué al menos uno esté chequeado? ¿Qué sólo uno esté chequeado?.
Por cierto, si vas a insertar en una base de datos, lo suyo es que el value de los checkbox sea un código, y no la descripción, es decir, algo así:
<input type="checkbox" name="opcion" value="12001" /> Clases Particulares de Secundaria<br/>
A la larga te ayudará bastante. Espero tu aclaración respecto a la validación que quieres hacer.
OK, la validación que quiero hacer es la de elegir una o varias categorías y una o varias opciones según lo que quiera/necesite el usuario pero al menos que seleccione una categoría y una opción
Un Saludo y gracias de antemano
Te paso un código html del que puedes sacar todo lo necesario para validar tus opciones:

<html>
<head>
<script>
function validaGrupoCheckbox(checkboxName, mensaje){
var grupo = document.all[checkboxName];
var algunaseleccionada = false;
if (grupo.length){
for (i=0; grupo; i++){
if (grupo.checked){
algunaseleccionada = true;
break;
}
}
}
else if (grupo){
algunaseleccionada = grupo.checked;
}
if (!algunaseleccionada){
alert(mensaje);
return false;
}
else{
return true;
}
}
</script>
</head>
<body>
<form>
<input type="checkbox" name="opcion" value="Apoyo Psico-Pedagogico infantil" /> Apoyo Psico-Pedagógico infantil<br/> 
<input type="checkbox" name="opcion" value="Apoyo Psicologico Juvenil" /> Apoyo Psicológico Juvenil<br/> 
<input type="checkbox" name="opcion" value="Apoyo Psicologico Adultos " /> Apoyo Psicológico Adultos <br/> 
<br/>
<input type="button" onclick="validaGrupoCheckbox('opcion', 'debe seleccionar al menos una opción')" value="Validar opciones"></input>
</form>
</body>
</html>

Ya me contarás que tal.
Perdona, pero he visto que al pegar el código, el editor de texto se está comiendo parte del script. En el "for" para iterar por las opciones, se ha comido los corchetes y la "i" dentro, de forma que solo aparece grupo, cuando tendría que ser "grupo-abro corchete-i-cierro corchete". No se si me explico... lo mismo pasa en el código que hay dentro del for: donde aparece "grupo.checked", faltan los corchetes y la "i" en medio.
El "else if" está bien como está.
Gracias por tu respuesta y siento la tardanza. Bueno, si he entendido bien tu explicación se me crea un bucle infinito si eso andame un correo con un .rar o como quieras a [email protected] para ver como lo tienes tu.
Espero tu respuesta, un saludo
Ya te envié un correo.

Añade tu respuesta

Haz clic para o

Más respuestas relacionadas

Javascript que no funciona con mozilla

A ver si me pueden ayudar. Estoy haciendo un trabajo de diseño de una web y he utilizado una función de javascript, en el IE me funciona de maravilla pero me acabo de dar cuenta que en el mozilla ni mención. Voy a pegar el código fuente para ver...
1 respuesta

Ajustar swf a ventana

Buena zador Me gustaria saber como hacer para que una pelicula de 1440x900 se ajuste a todas las ventanas y navegadores, probe cambiando unos parametros para publicar desde el flash pero en cuanto lo hago mi swf deja de funciona no me carga ni la...
1 respuesta

¿Cómo puedo bloquear URL saliente del servidor apache?

Tengo varias paginas en el servidor con distintos usuarios, y quiero bloquear vinculos salientes del servidor, digamos que ninguna pagina o escripto podra vincular a http://midominiobloqueado.com desde el servidor. Uso linux apache2. ¿Se te ocurre...
2 respuestas

Insertar google maps en flash

Quisiera me ayudaras a insertar un mapa de "google maps" en mi web flash, de preferencia en AS 2.0 ya tengo el componente GMap, pero no tengo ni idea de como hacerlo funcionar.
1 respuesta

Ayuda con una función mostrar/ocultar en javascript.

Mi problema es acerca una función que he desarrollado en javascript para mostrar u ocultar un div. Mi idea es poner títulos de noticias y un enlace: "leer artículo" que al pulsarlo se muestra el texto de la noticia y el texto del enlace cambia de...
1 respuesta

Mostrar imagen en popup en PHP

De nuevo yo! Ja! Tengo un formulario donde agrego un producto con su nombre, descripción, precio, categoría y una imagen. Todo va a una base de datos, con las imágenes subo el nombre a una tabla y guardo las imágenes en una carpeta. Hasta ahí todo...
1 respuesta

Mostrar un resultado en una capa

Resulta que necesito realizar una pagina que capture un numero en de un campo de texto y calcule su factorial... Hasta aqui muy bien. Lo que pasa es que este resultado debe salir en una capa que debera estar oculta hasta el momento que se presione el...
1 respuesta

¿Cómo puedo mostrar un mensaje de espera mientras se ejecuta una query?

Quisiera saber como puedo mostrar un mensaje(espere mientras accedamos su información) mientras se esta ejecutando un query y al terminar la ejecución del query mostrar los resultados
1 respuesta

Ocultar etiqueta SELECT

Alguien que me ayude, estoy trabajando con JSP y quisiera ocultar una etiqueta SELECT para posiblemente mostrarla más adelante, es decir, si se cumple una condición debo mostrar la lista de lo contrario, debe de permanecer oculta.
1 respuesta

Como ocultar etiquetas div

Estoy muy urgido por tu colaboración se trata de insertar una etiqueta div dentro de mi homepage, que al cargar la página este oculta y se pueda mostrar o ocultar si el usuario haré clic en "más información" Pues lo que quiero es mantener más limpia...
1 respuesta