Validar Checkbox en un solo FORM?

[sdominguez]

Saludos a todos!

Tengo un problema que ya me revienta la cabeza hace rato!.

Necesito chequear (validar) a través de Javascript 2 listados de checkbox, donde necesito "obligar" a la persona haga checked en por lo menos algún checkbox de cada listado (es la gracia).

Pero el problema me surge cuando ingreso 2 códigos con .elements, el primer listado me lo valida bien, y el otro nada de nada!.

Este es el código.

Listado 1
<form name="formmsg" action="xxx.html" method="post">
<input type="checkbox" name="hijos[]" value="1" > 1<br>
<input type="checkbox" name="hijos[]" value="2" > 2<br>
<input type="checkbox" name="hijos[]" value="3" > 3<br>
<input type="checkbox" name="hijos[]" value="4" > 4<br>
<br>
<br>
Listado 2
<input type="checkbox" name="edad[]" value="1" > 1<br>
<input type="checkbox" name="edad[]" value="2" > 2<br>
<input type="checkbox" name="edad[]" value="3" > 3<br>
<input type="checkbox" name="edad[]" value="4" > 4<br>
<img src="images/boton.gif" onclick="validaFilterMsg();">
</form>

===========================
CÓDIGO JAVASCRIPT!

var cont=0;
for(i=0; cnt=document.formmsg.elements[i]; i++) {
if (cnt.type=='checkbox')
if (cnt.checked) {
cont++;
break;
}
}



if (cont==0) {
alert('Debes seleccionar tus hijos');
window.document.formmsg.hijos.focus();
return;
}


==========================

Como explique anteriormente, el LISTADO 1 me lo valida bien, pero necesito agregar una nueva validación para el LISTADO 2, que está dentro del mismo formulario =S, cambie los nombres de las variables, pero tampoco resultó.

Espero su gran ayuda!

[David]

Puedes tener una función que valide por el grupo de checks:

Código javascript:

function validagroup(check) {
for (i=0; i<check.length; i++) {
    if (check[i].checked) { return true; }
}
return false;
}
 

Esa función devolverá un boolean (verdadero o falso) si uno de los checks está marcado o si ninguno lo está. En ese caso habrá que llamarlo usando el nombre de los checks, pero habrá que quitarle los corchetes, que de hecho no veo que hagan falta.

[Adler]

Hola

También puedes probar así. Ya que si te he entendido quieres en ambos grupos de checkbox se marque uno

<form name="formmsg" action="xxx.html" method="post" onsubmit="return validaGrupo();">
<div id="listado1">
<input type="checkbox" name="hijos[]" value="1" > 1<br>
<input type="checkbox" name="hijos[]" value="2" > 2<br>
<input type="checkbox" name="hijos[]" value="3" > 3<br>
<input type="checkbox" name="hijos[]" value="4" > 4<br>
</div>
<br>
<br>
<div id="listado2">
<input type="checkbox" name="edad[]" value="1" > 1<br>
<input type="checkbox" name="edad[]" value="2" > 2<br>
<input type="checkbox" name="edad[]" value="3" > 3<br>
<input type="checkbox" name="edad[]" value="4" > 4<br>
</div>
<input type="submit" value="Enviar" />
</form>

Código javascript:

<script type="text/javascript">
var lista1 = document.getElementById("listado1").getElementsByTagName("INPUT");
var lista2 = document.getElementById("listado2").getElementsByTagName("INPUT");
function validaGrupo () {
for (var i=0; i<lista1.length; i++) 
    if (!lista1[i].checked) { 
     alert('Has de selecionar al menos uno 1');
      return false;
}
else
{
 
for (var i=0; i<lista1.length; i++) 
    if (!lista2[i].checked) {
     alert('Has de selecionar al menos uno 2');
      return false;
}
else
{
return true;
}
}
}
</script>
 

Suerte

[sdominguez]

Gracias por las respuestas y su tiempo ;)

Probé los códigos, pero no funcionaron, de hecho los probé tal como están posteados =S ...

Los listados son independientes uno del otro. Por lo tanto se tiene que validar el listado 1 primero si está checkeado, y luego también validar el listado2 para ver si está chequeado.

El tema de los name con [] tiene que ser así, ya que estos datos los guardo separados por comas en una base de datos, entonces tiene que saber validarlos con [].

Lo otro, es que la gracia que la validación este dentro de una sola función ya que además valido muchos campos más dentro de un sólo FORM. Es un registro de personas.

Alguna otra ayuda amigos? :(

[Adler]

Hola

Iniciado por sdominguez

Los listados son independientes uno del otro. Por lo tanto se tiene que validar el listado 1 primero si está checkeado, y luego también validar el listado2 para ver si está chequeado.

Acabo de probarlo otra vez, y el código realiza exactamente lo que estás diciendo

Suerte

[David]

La solución de Adler es interesante, aunque habrá que corregirle algunas cosas, ya que al encontrarse con un checkbox que no está seleccionado automáticamente devuelve false cuando en realidad debería recorrer todos los checkbox para saber si alguno de ellos está marcado. Por ejemplo:

Código javascript:

function validar() {
      var lista1 = document.getElementById("listado1").getElementsByTagName("INPUT");
      var lista2 = document.getElementById("listado2").getElementsByTagName("INPUT");
 
      fGroup = groupCheck(lista1);
      if (!fGroup) { return false; }
      fGroup = groupCheck(lista2);
      if (!fGroup) { return false; }
 
      return true;
}
function groupCheck(group) {
      selected = false;
      for (var i=0; i<group.length; i++) {
          if (group[i].checked) {
              selected = true; break; }
      }
      if (!selected) {
          alert("Debes seleccionar uno");
          return false;
      }
      return true;
}
 

Solo necesitarás agregarle las demás validaciones dentro de la función validar.

[Adler]

Buena, David el Grande . Lo probé únicamente con el primer checkbox de cada grupo

[sdominguez]

Gracias David el Grande!! =D

He probado nuevamente el código y ahora sí funciona, gracias por la corrección!, es exactamente lo que quería.

También muchas gracias a Adler por la idea principal.

Me han sacado un gran peso de encima!!

=D