Validar checkbox con diferente nombre

[na_nho]

que tal les platico, estoy haciendo un formulario el cual tiene dos grupos de checkbox uno definido y el otro que se crea desde una consulta, los e validado ya, pero me crean conflictos a la hora de probarlo, bueno no conflictos si no que se salta la validación de un grupo de checkbox.

este es para el que se crea desde la consulta.

Código Javascript:

valid=false; 
              for(i=0; ele=document.formG.elements[i]; i++){
                if (ele.type=='checkbox'){
                  if (ele.checked){
                    valid=true;
                    }
              break
            }
            }
            if(!valid){ 
                alert("Seleccione un grupo o grupos para publicar!")
                 document.forms["formG"]["calendar"].style.background = "#ffffff";document.forms["formG"]["comentarios"].style.background = "#ffffff";return false 
                }
 

y es te para el que ya esta definido.

Código Javascript:

valido=false; 
                for(a=0;a<esto.elements.length;a++){ 
                if(esto[a].type=="checkbox" && esto[a].checked==true){ 
                valido=true; 
                break 
                } 
 
                } 
                if(!valido){ 
                alert("Seleccione una opción de dictamen!")
                 document.forms["formG"]["calendar"].style.background = "#ffffff";document.forms["formG"]["comentarios"].style.background = "#ffffff";return false 
                }
                limite=0;
                for(a=0;a<esto.elements.length;a++){
                if(esto[a].type=="checkbox" && esto[a].checked==true){
                limite+=1;
                }
 
                }
                if(limite==1){
                alert("Selecciona más de una opción!");
                document.forms["formG"]["calendar"].style.background = "#ffffff";document.forms["formG"]["comentarios"].style.background = "#ffffff";return false;
                }
 

como es obvio ambos tienen nombres como IdGrupo[] y regla[], si alguien tiene una idea ya que yo no.
se trata que la validacion distinga que grupo de checkbox se deben validar, hasta el momento me hace solo la primer validación la segunda no la toma en cuenta.

[djaevi]

lo unico que observo extraño es esta linea:

Código Javascript:

for(i=0; ele=document.formG.elements[i]; i++){
 

creo que deberia ser:

Código Javascript:

for(i=0; ele=document.formG.elements; i++){
 

Saludos

[_cronos2]

@djaevi esa línea es correcta, lo que hace es comprobar en cada iteración que existe el elemento i del formulario. Si no existe eso devolverá undefined y el bucle se detendrá.

@na_nho ¿Puedes postear el código HTML? Por el momento creo que deberías guardar los forms en variables para evitar múltiples lookups y usar clases CSS en lugar de setear los estilos desde JS.
Saludos (:

[djaevi]

pero como puedes hacer un bucle desde i = 0 a un solo elemento?
siempre crei que la forma normal de iterar los elementos de un formulario es de 0 al .length de sus elementos, es evidente que sus elementos existen por algo javascript lo reconoce como elemento del formulario, ademas el esta validando que el elemento sea de tipo input y una propiedad con lo cual paral o que el necesita creo que seria suficiente, igualmente es cierto que lo mejor seria ver el html para ver bien que es lo que tiene que hacer.

Saludos!!

[Dradi7]

Iniciado por djaevi

pero como puedes hacer un bucle desde i = 0 a un solo elemento?
siempre crei que la forma normal de iterar los elementos de un formulario es de 0 al .length de sus elementos, es evidente que sus elementos existen por algo javascript lo reconoce como elemento del formulario, ademas el esta validando que el elemento sea de tipo input y una propiedad con lo cual paral o que el necesita creo que seria suficiente, igualmente es cierto que lo mejor seria ver el html para ver bien que es lo que tiene que hacer.

Saludos!!

En este ejemplo no esta recorriendo un objeto esta recorriendo una lista de elementos OJO

Eso es lo que pasa cuando a veces no conoces bien las condicionales JS tu puedes usar el JS tanto como para recorrer de forma ascendente como de forma descendente y asu vez recorrer objetos.


FOR CRECIENTE O DECRECIENTE

Código Javascript:

// LA FORMA COMÚN COMO TODOS LO HACEN
for(var x = 0; x < myArray.length; x++){
  // CUALQUIER COSA
}
 

Este ejemplo es la manera de como todos hacen por ejemplo para recorrer arrays, pero no la mayoría no sabe que esto en cada navegador se comporta diferente y que es lento cuando se recorre miles de datos .

Esta seria la mejor forma de recorrer un array de forma creciente o decreciente

Código Javascript:

for(var x = 0, i = myArray.length; x < i; x++){
  // CUALQUIER COSA
}
 

Es mas rapido uno porque dentro de una variable estas guardando la longitud del array y ya no es necesario estar consultandolo tal como muestra el primer for que puse como ejemplo

FOR PARA OBJETOS

Código Javascript:

// LA FORMA COMÚN COMO TODOS LO HACEN
for(var x = 0; x < obj.length; x++){
  var _obj = obj[x];
// CUALQUIER COSA
}
 

La forma comun de como todos hacen un for para recorrer por ejemplo un JSON o un Objeto pero como mencione antes esto es un poco lento y cada navegador lo maneja diferente

Código Javascript:

for(var x = 0; _obj = obj[x]; x++){
// CUALQUIER COSA
}
 

Esta es la forma mas que correcta mejor adecuada porque estamos accediendo directamente al puntero que indica la variable que utilizamos como índice, el unico problema aca es que debemos verificar que no devuelva null o false, tambien debemos verificar que cada elemento no sea un elemento falsy

Saludos

[_cronos2]

Iniciado por Dradi7

FOR PARA OBJETOS

Código Javascript:

// LA FORMA COMÚN COMO TODOS LO HACEN
for(var x = 0; x < obj.length; x++){
  var _obj = obj[x];
// CUALQUIER COSA
}
 

La forma comun de como todos hacen un for para recorrer por ejemplo un JSON o un Objeto pero como mencione antes esto es un poco lento y cada navegador lo maneja diferente

Código Javascript:

for(var x = 0; _obj = obj[x]; x++){
// CUALQUIER COSA
}
 

Esta es la forma mas que correcta mejor adecuada porque estamos accediendo directamente al puntero que indica la variable que utilizamos como índice, el unico problema aca es que debemos verificar que no devuelva null o false, tambien debemos verificar que cada elemento no sea un elemento falsy

Saludos

No sé qué entiendes tú por objetos pero los objetos que yo conozco se recorren con un for...in

[Dradi7]

Iniciado por _cronos2

No sé qué entiendes tú por objetos pero los objetos que yo conozco se recorren con un for...in

No necesariamente los objetos puedes ser tambien considerados array, ademas los for in son muchos mas lentos y no es recomendable a veces su uso cuando se tiene que listar miles de datos

[na_nho]

_cronos2 y Dradi7 gracias.. pero las validaciones si funcionan no tengo problema al recorrer el arreglo para verificar si esta vació o no, aquí el detalle es que quiero que distinga que grupo de checkbox es y no me valide ambos grupos..

no se si puedan ayudar.. :/

[_cronos2]

¿Y cómo sabes cuál tienes que validar? ¿Qué pasa si marco una opción en cada uno? Si no nos das algunos detalles más sobre qué necesitas y qué código estás usando va a ser difícil ayudarte.
Saludos.

[na_nho]

_cronos2 mi duda es esa, como exactamente hago para diferenciar que grupo de checkbox validar mediante su id o nombre.

te agrego el primer codigo que crea los checkbox desde la BD

Código PHP:

<tr>
                    <td ><a href="includes_Admin/gruposdisponibles.php" rel="lightbox_text">Seleccionar Grupos</a>
                                
                            <?                          
                                $bd=Db::getInstance();
                                $id = $_POST['grupo'];
                                //print_r ($id);
                                for($i=0;$i<count($id);$i++){
                                $sql="SELECT IdGrupo, nombre FROM grupo WHERE IdGrupo = '".$id[$i]."' ORDER BY nombre";
                                $stmt=$bd->ejecutar($sql)or die(mysql_error());
                                while ($R=$bd->obtener_fila($stmt,0))
                                {
                                    echo "<td><input type=checkbox id=grupo name=IdGrupo[]  value=\"".$R["IdGrupo"]."\" checked>".$R["nombre"]."</label></br></td>";
                                }
                                }
                                
                            ?>
                    
                    </td>
                </tr>
 

y el segundo grupo de checkbox que esta definido.

Código HTML:

<table cellspacing="10px">
                    <tr>
                        <td>
                            <input type="checkbox" name="regla[]" value="A"  > Aprobado
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <input type="checkbox" name="regla[]" value="R"  > Rechazado
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <input type="checkbox" name="regla[]" value="AC"> Aprobado Con Condici&oacute;n
                        </td>
                    </tr>
                    </tr>
                    <tr>
                        <td>
                            <input type="checkbox" name="regla[]" value="E"> Excusado 
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <input type="checkbox" name="regla[]" value="AD"> Aprobado por default
                        </td>
                    </tr>
                </table>
 

es mi duda en las funciones de arriba como hago para que me diferencie por nombre el checkbox que es y me lo valide.

[na_nho]

ya lo pude resolver, solo era de leer un poco y de entender como funciona javascript y algunas propiedades

anexo el codigo por si alguien le es de ayuda

Código Javascript:

valid=false; 
             var nombre = formG.elements[i].name;
              for(i=0; ele=document.formG.elements[i]; i++){
                if (ele.type=='checkbox' && ele.checked && nombre=="IdGrupo[]"){
                    valid=true;
                    }
              break
            }
            
            if(valid==false){ 
                alert("Seleccione un grupo o grupos para publicar!")
                 document.forms["formG"]["calendar"].style.background = "#ffffff";document.forms["formG"]["comentarios"].style.background = "#ffffff";return false 
                }
 

la propiedad name y como puedes hacerle una condición fue lo que utilice, no era muy dificil pero no se mucho de JS :P