Validar Casillas de Verificación

expecimen · #1 (**permalink**) 30/06/2010, 16:00

Un saludos todos tengo un problema en un formulario de registro en donde el usuario debe tildar o seleccionar por lo menos uno de los campo lo que pasa es que aveces suele olvidarse de seccionarlo y me tiene que validar o dar un mensaje de que tiene que seleccionar por lo menos uno de las casillas, he utilizados varios que java que aqui aparece y no voy a negar que no funcionan si funcionan y muy bien pero el problemas que es cada casilla tiene un nombre y valor diferente aquí le dejo el formulario espero me puedan recomendar algún java:

Código PHP:

  <html> 
 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252"> 
<title>Pagina nueva 1</title> 
</head> 
 
<body> 
 
<form method="POST" action="registro.php" name="loginForm"> 
    <table border="0" width="100%" id="table1" cellspacing="1"> 
        <tr> 
            <td><font size="3"> 
            <input type="checkbox" name="T1" value="I TRIMESTRE"></font><b><font face="Tahoma">  
            I Trimestre</font></b></td> 
        </tr> 
        <tr> 
            <td><font size="3"> 
            <input type="checkbox" name="T2" value="II TRIMESTRE"></font><b><font face="Tahoma">  
            II Trimestre</font></b></td> 
        </tr> 
        <tr> 
            <td><font size="3"> 
            <input type="checkbox" name="T3" value="III TRIMESTRE"></font><b><font face="Tahoma">  
            III Trimestre</font></b></td> 
        </tr> 
        <tr> 
            <td><font size="3"> 
            <input type="checkbox" name="T4" value="IV TRIMESTRE"></font><b><font face="Tahoma">  
            IV Trimestre</font></b></td> 
        </tr> 
    </table> 
    <p><input type="submit" value="Enviar" name="B1"></p> 
</form> 
 
</body> 
 
</html>

kstro21 · #2 (**permalink**) 01/07/2010, 08:59

bueno no se si en tu caso es necesario de q cada checkbox tenga un nombre diferente, pero eso no es problema, para empezar, a la hora de enviar el formulario puedes contar la cantidad de opciones seleccionadas, si esta es igual a cero, lanzas el mensaje y detienes e submit del formulario.
Segun veo en tu formulario, los nombres de las opciones tienen un orden, o sea, tu le pones
T1, T2, T3, T4, en javascript puedes hacer algo asi

Código Javascript:

Ver originalvar validarOpciones = function(){
    var cont = 0;
    for(var i = 1; i<=4; i++){
        if(document.getElementById('T'+i).checked){ ++cont};
    }
    //Si cont = 0 es por que ninguno se selecciono
    if(cont === 0){
        //tu codigo aqui
        return false;
    }
    return true;
    //Esta funcion la puedes llamar en el evento onsubmit del formulario
}

Otra opcion es guardar en un arreglo los nombres de todos los checkbox

Código Javascript:

Ver originalvar opciones = ['T1', 'T2', 'T3', 'T4'];
 
var validarOpciones = function(){
    var cont = 0;
    for(var i = 0; i<=opciones.length; i++){
        if(document.getElementById(opciones[i]).checked){ ++cont};
    }
    //Si cont = 0 es por que ninguno se selecciono
    if(cont === 0){
        //tu codigo aqui
        return false;
    }
    return true;
    //Esta funcion la puedes llamar en el evento onsubmit del formulario
}

Espero haberte ayudado

expecimen · #3 (**permalink**) 01/07/2010, 23:46

Saludos, gracias por su iniciativa al ayudarme he estado probando los dos ejemplos que me dejaste pero no me funcionan, quiero que sin importar el orden el java no permita ejecutar el formulario hasta que el usuario no seleccione una opción yo lo he colocado así y o me funciona:

Código PHP:

  <script languaje="javascript">
function validar(){
    var cont = 0;
    for(var i = 1; i<=4; i++){
        if(document.getElementById('T'+i).checked){ ++cont};
    }
    //Si cont = 0 es por que ninguno se selecciono
    if(cont === 0){
        //tu codigo aqui
        return false;
    }
    return true;
    //Esta funcion la puedes llamar en el evento onsubmit del formulario
}

</script>

Cita:

Iniciado por kstro21

bueno no se si en tu caso es necesario de q cada checkbox tenga un nombre diferente, pero eso no es problema, para empezar, a la hora de enviar el formulario puedes contar la cantidad de opciones seleccionadas, si esta es igual a cero, lanzas el mensaje y detienes e submit del formulario.
Segun veo en tu formulario, los nombres de las opciones tienen un orden, o sea, tu le pones
T1, T2, T3, T4, en javascript puedes hacer algo asi

Código Javascript:

Ver originalvar validarOpciones = function(){
    var cont = 0;
    for(var i = 1; i<=4; i++){
        if(document.getElementById('T'+i).checked){ ++cont};
    }
    //Si cont = 0 es por que ninguno se selecciono
    if(cont === 0){
        //tu codigo aqui
        return false;
    }
    return true;
    //Esta funcion la puedes llamar en el evento onsubmit del formulario
}

Otra opcion es guardar en un arreglo los nombres de todos los checkbox

Código Javascript:

Ver originalvar opciones = ['T1', 'T2', 'T3', 'T4'];
 
var validarOpciones = function(){
    var cont = 0;
    for(var i = 0; i<=opciones.length; i++){
        if(document.getElementById(opciones[i]).checked){ ++cont};
    }
    //Si cont = 0 es por que ninguno se selecciono
    if(cont === 0){
        //tu codigo aqui
        return false;
    }
    return true;
    //Esta funcion la puedes llamar en el evento onsubmit del formulario
}

Espero haberte ayudado