Foros del Web - Ver Mensaje Individual - validar por lo menos un checkbox en formularios

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>