validar por lo menos un checkbox en formularios

andre___5025 · #1 (**permalink**) 18/03/2014, 16:33

Hola amgos, necesito validar checkbos en mi formulario, El tema es que es un grupo de chekbox y cada uno tiene un nombre diferente. He buscado como validar que por lo menos uno sea chekeado por el usuario pero en esos ejemplos todos los check tienen el mismo nombre. me gustaria validarlos con jquery y no con javascript ya que los otros tipos de campos los estoy validando con jquery.
Este seria el grupo de checkbox:

Código HTML:

¿Que entidad le ofrece subsidio o ayuda econ&oacute;mica?:
		<table>
		<tr>
		<td><input disabled type="checkbox" name="subsidio_act1" value="Nacion">Nacion</input></td>
		<td><input disabled type="checkbox" name="subsidio_act2" value="Departamento">Departamento </input></td>
		<td><input disabled type="checkbox" name="subsidio_act3" value="Municipal">Municipal</input></td>
		<td><input disabled type="checkbox" name="subsidio_act4" value="UARIV">UARIV</input></td>
		<td><input disabled type="checkbox" name="subsidio_act5" value="Incoder">Incoder</input></td>
		<td><input disabled type="checkbox" name="subsidio_act6" value="PNUD">PNUD</input></td>
		<td><input disabled type="checkbox" name="subsidio_act7" value="Banco agrario">Banco agrario</input></td>
		</tr>
		</table>

Alguien me podria sugerir como hacerlo por favor. Gracias

Middrel · #2 (**permalink**) 18/03/2014, 17:46

Ya verificaste con http://jqueryvalidation.org/documentation

Es un plugin muy útil para validar.

Saludos!!

andre___5025 · #3 (**permalink**) 19/03/2014, 09:57

Mira. Encontre este ejemplo en donde el grupo de checkbox debe tener el mismo nombre y en forma de arreglo. Pero mi pregunta es ¿Es posible validar un grupo de checkbox pero que cada uno tenga un nombre diferente y que el usuario tenga que seleccionar almenos uno?

Código HTML:

Ver original<html>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>Validar formularios</title>  
<head> 
 
<script src="validacion_jquery/jquery.js"></script>
<script src="validacion_jquery/jquery.validate.js"></script>
<LINK href='validacion_jquery/estilo_color.css' type=text/css rel=stylesheet>
 
<script type="text/javascript">
$(function(){
    $('#formInscripcion').validate({
        rules: {
        'nombre': 'required',
        'apellido': 'required',
        'numero_identidad': { required: true, number: true },
        'email': { required: true, email: true },
        'tipo_identidad': 'required',
        'deportes[]': { required: true, minlength: 1 }
        },
    messages: {
        'nombre': 'Debe ingresar el nombre',
        'apellido': 'Debe ingresar el apellido',
        'numero_identidad': { required: 'Debe ingresar el número de documento de identidad', number: 'Debe ingresar un número' },
        'email': { required: 'Debe ingresar un correo electrónico', email: 'Debe ingresar el correo electrónico con el formato correcto. Por ejemplo: [email protected]' },
        'tipo_identidad': 'Debe ingresar el número de documento',
        'deportes[]': 'Debe seleccionar mínimo un deporte'
    },
    debug: true,
    /*errorElement: 'div',*/
    //errorContainer: $('#errores'),
    submitHandler: function(form){
        alert('El formulario ha sido validado correctamente!');
    }
 });
});
</script>
</head> 
 
<body> 
 
<form id="formInscripcion" method="post">
    <fieldset>
       <legend>Datos Personales</legend>
       <p><label for="nombre">Primer Nombre:</label> <input id="nombre" name="nombre" type="text"></p>
       <p><label for="apellido">Primer Apellido:</label> <input id="apellido" name="apellido" type="text"></p>
       <p><label for="numero_identidad">Número Documento Identidad:</label> <input id="numero_identidad" name="numero_identidad" type="text"></p>
       <p><label for="email">Email:</label> <input id="email" name="email" type="text"></p>
       <p><label for="tipo_identidad">Tipo Documento Identidad:</label>
           <select id="tipo_identidad" name="tipo_identidad">
               <option>Tipo de Documento</option>
               <option value="1">Tarjeta Identidad</option>
               <option value="2">Cédula</option>
           </select>
       </p>
    </fieldset>
    <fieldset>
       <legend>Seleccione deportes</legend>
       <p><label for="deporte_1">Baloncesto</label> <input id="deporte_1" name="deportes[]" value="1" type="checkbox"></p>
       <p><label for="deporte_2">Natación</label> <input id="deporte_2" name="deportes[]" value="2" type="checkbox"></p>
       <p><label for="deporte_3">Fútbol</label> <input id="deporte_3" name="deportes[]" value="3" type="checkbox"></p>
       <p><label for="deporte_4">Ciclismo</label> <input id="deporte_4" name="deportes[]" value="4" type="checkbox"></p>
    </fieldset>
    <p><input name="enviar" value="Enviar" type="submit"></p>
</form>
 
</body> 
</html>