Ver Mensaje Individual
  #2 (permalink)  
Antiguo 24/02/2013, 12:53
Avatar de emprear
emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 16 años, 10 meses
Puntos: 1567
Respuesta: Validar checkbox y radioboton con HTML5

El atributo required no es aplicacle a un grupo de elementos del mismo nombre, checkboxes, radios ú otros. solo a cada input que contiene el grupo.
Para validar el que al menos uno del grupo esté chequeado utilizás javascript.
Ejemplo
Código HTML:
Ver original
  1. <!DOCTYPE html>
  2. <html lang="es-ar">
  3. <meta charset="utf-8" />
  4. <title>Html5</title>
  5. <link rel="stylesheet" href="estilos.css" media="screen" />
  6. function validar(){
  7. var ok = 0;
  8. var ckbox = document.getElementsByName('mes[]');
  9.     for (var i=0; i < ckbox.length; i++){
  10.        if(ckbox[i].checked == true){
  11.         ok = 1;
  12.        }
  13.    }
  14.    
  15.    if(ok == 0){
  16.    alert('indique al menos un mes');
  17.    return false;
  18.    }
  19. }
  20.  
  21. </script>
  22. </head>
  23. <form action="#" onsubmit="return validar();">
  24.                 <input type='checkbox' name="mes[]" value="enero">Enero
  25.                 <input type='checkbox' name="mes[]" value="febrero">Febrero
  26.                 <input type='checkbox' name="mes[]" value="marzo">Marzo
  27.                 <input type='checkbox' name="mes[]" value="abril">Abril
  28.                 <input type='checkbox' name="mes[]" value="abril">Mayo
  29.                 <input type='checkbox' name="mes[]" value="abril">Junio
  30.                 <input type='checkbox' name="mes[]" value="abril">Julio
  31.                 <input type='checkbox' name="mes[]" value="abril">Agosto
  32.                 <input type='checkbox' name="mes[]" value="abril">Septiembre
  33.                 <input type='checkbox' name="mes[]" value="abril">Octubre
  34.                 <input type='checkbox' name="mes[]" value="abril">Noviembre
  35.                 <input type='checkbox' name="mes[]" value="abril">Diciembre
  36.                 <input type="submit" />
  37. </form>
  38. </body>
  39. </html>

Salu2
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.