Validación 42 radiobuttons obligatorios en formulario

[majete]

Hola a todos,
Llevo peleándome con esto varios días y aunque creo que he encontrado un código que me serviría, no me hace la validación bien.
Tengo un formulario con 42 radiobuttons, y como entenderéis, no puedo ponerme a validar uno por uno por su nombre o id, entonces, encontré un código que valida por "type".

Código Javascript:

function validargrupos(formulario) {
    var grupos = [];
    for (i = 0; elem = formulario.elements[i]; i++) {
        if (elem.type == "radio") {
            if (!grupos[elem.name]) {
                grupos[elem.name] = elem.checked;
            }
        }
    }
    for (grupo in grupos) {
        if (!grupos[grupo]) {
            alert("Falta uno por rellenar");
            break;
        }
    }
    return true;
}
 

Código HTML:

<form id="formulario" name="formulario" method="post" action="" onsubmit="return validargrupos()">
<input type="radio" id="demo-priority-low" name="demo-priority"><label for="demo-priority-low">Low</label>
<input type="radio" id="demo-priority-med" name="demo-priority"><label for="demo-priority-med">Med</label>
<input type="radio" id="demo-priority-high" name="demo-priority"><label for="demo-priority-high">High</label>
// etc... así 41 más....
</form> 

No sé que hago mal, pero no me da mensajes cuando los dejo sin seleccionar. ¿Alguna idea? Sé que me queda muy poco para que funcione pero no lo veo.

Gracias!
JC

[majete]

Otra opción que manejaba es esta:

Código Javascript:

function verif(){ 
var pepez=0; 
for(i=0; ele=document.formulario.elements[i]; i++){ 
if (ele.type=='radio') 
if (ele.checked){pepez=1;break;}} 
if (pepez==1){document.formulario.submit();}else{ 
alert('Debe seleccionar alguno de los Items');return;} 
}
 

Código HTML:

<form name="formulario" method="post" action="">
<input type="radio" id="demo-priority-low" name="demo-priority"><label for="demo-priority-low">Low</label>
<input type="radio" id="demo-priority-med" name="demo-priority"><label for="demo-priority-med">Med</label>
<input type="radio" id="demo-priority-high" name="demo-priority"><label for="demo-priority-high">High</label>
// etc... así 41 más....
<input type="submit" name="Enviar" value="Enviar" class="special" onclick="verif()" />
</form>
 

Me da la advertencia, pero envía el formulario a pesar de todo... le he quitado el "return" y hace lo mismo y ya me pierdo.

Gracias!

[Alexis88]

Si no retornas false o no utilizas el método .preventDefault(), el envío no se cancelará.

Podrías hacer algo similar a esto:

Código Javascript:

document.addEventListener("DOMContentLoaded", function(){
    document.querySelector("[name=formulario]").addEventListener("submit", function(event){
        event.preventDefault();
 
        var enviar = true,
            options = this.querySelectorAll("[type=radio]"),
            total = options.length
            i = 0;
 
        for (i = 0; i < total; i++){
            if (!options[i].checked){
                enviar = false;
                break;
            }
        }
 
        if (enviar){
            this.submit();
        }
        else{
            alert("Debe de seleccionar todas las opciones");
        }
    }, false);
}, false);
 

Esto es simple. Luego de cargar todos los elementos del documento, registro el evento submit al formulario. Dicho evento es que el se produce cuando envías sus datos para ser procesados. Una vez ocurrido esto, ejecuto una función que recibe como argumento al objeto del evento que está ocurriendo. Mediante el método .preventDefault(), cancelo dicho envío. Declaro algunas variables, entre las que está una variable auxiliar para determinar si se realizará el envío de los datos del formulario luego de la validación y que tendrá el valor true por defecto. También tomo a los elementos de tipo "radio" del formulario (this hace referencia al formulario dentro de la función que se está ejecutando), el total de estos y una variable contadora para el bucle que usaré para realizar la validación de todos los elementos.

En el bucle, verifico que cada radiobutton esté marcado. En caso de no estarlo, asigno el valor false a la variable auxiliar y termino la ejecución del bucle. Finalmente, verifico si el valor de la variable auxiliar es true (evaluándola de esa manera, sin compararla con otro valor, se verifica si es true o false) y solo si se cumple dicha condición, realizo el envío de los datos del formulario utilizando el método .submit(); caso contrario, se muestra un mensaje de alerta en el que se le informa al usuario que debe de seleccionar todas las opciones.

Un saludo