[SOLUCIONADO] Validar radio button! Imposible!Ayuda por favor!

[jaime2101]

Hola, he buscado bastante sobre el tema y no encuentro nada que me sirva.
El caso es que estoy trabajando en un formulario con varios campos y consigo validarlos todos por javascript menos el maldito radio button.


Alguien queme ayude a validarlo por favor!

Ahi va el Codigo:

--HTML--

<form action="gracias.html" name="f2" method="post" onsubmit="return validarFormulario();">


<table cellpadding="3">
<tr>

<td bgcolor="#C94A42">Nombre:</td>
<td bgcolor="#C94A42"><input type="text" name="Nombre" id="nombre" maxlength="10" size="30"/></td>

</tr>
<tr>

<td bgcolor="#C94A42">Contrase&ntilde;a:</td>
<td bgcolor="#C94A42"><input type="password" id="pass" name="Pass" maxlength="10" size="30"/></td>

</tr>
<tr>

<td bgcolor="#C94A42">Repetir Contrase&ntilde;a:</td>
<td bgcolor="#C94A42"><input type="password" id="pass2" name="Pass2" maxlength="10" size="30"/></td>

</tr>
<tr>

<td bgcolor="#C94A42">Sexo:</td>
<td bgcolor="#C94A42">Hombre<input type="radio" name="sexo" value="H"/>Mujer<input type="radio" name="sexo" value="M"/></td>

</tr>
<tr>

<td bgcolor="#C94A42">Nacionalidad:</td>
<td bgcolor="#C94A42"><select id="nacionalidad" name="nacionalidad">

<option value=""selected="selected">--Seleccione nacionalidad--</option>
<option value="en">USA</option>
<option value="de">Alemania</option>
<option value="es">Espa&ntilde;a</option>

</select>
</td>

</tr>
<tr>

<td bgcolor="#C94A42">Observaciones:</td>
<td bgcolor="#C94A42"><textarea name="comentarios" rows="6" cols="60" placeholder="Escriba su consulta..."></textarea></td>

</tr>
<tr>

<td bgcolor="#C94A42" colspan="2">Mostrar sexo y edad <input type="checkbox" name="mostrar" id="mostrar" value="1" />
Acepto las condiciones <input type="checkbox" name="acepto" id="acepto" value="1" />
</td>


</tr>


<tr>
<td align="center" colspan="2"><input type="reset" name="limpiar campos" value="Limpiar campos" /> <input type="submit" value="Registrarse" /></td>
</tr>

</table>

</form>


--JAVASCRIPT--

function validarFormulario()



{

/*------------------------------- Nombre ------------------------------*/

var nombre;


nombre = document.getElementById('nombre');

if( nombre.value =='')

{

alert('Error: Rellene el nombre');

return false;

} /*------------------------------- Contraseña ------------------------------*/


var pass;


pass = document.getElementById('pass');

if( pass.value == '')


{

alert('Error: Rellene contraseña');

return false;

}
/*------------------------------- Contraseña 2 ------------------------------*/


var pass2;

pass2 = document.getElementById('pass2');

if( pass2.value == '')

{

alert('Error: Rellene segunda contraseña');

return false;

} /*------------------------------- Contraseñas iguales ------------------------------*/



if(pass2.value !=pass.value)

{

alert('Las contraseñas no coinciden');

return false;

} /*------------------------------- Sexo ------------------------------*/


??¿¿??¿¿






/*------------------------------- Nacionalidad ------------------------------*/




var nacionalidad;

nacionalidad = document.getElementById('nacionalidad').selectedIn dex;

if( nacionalidad == null || nacionalidad == 0 )


{
alert('Error: Seleccione nacionalidad');

return false;
}



/*------------------------------- Acepto ------------------------------*/



var acepto;

acepto = document.getElementById('acepto');

if(!acepto.checked)

{

alert('Error: Acepte las condiciones');

return false;

}






else

{
return true;
}

}








Muchas Gracias de antemano.

Un saludo.

[alberto510a]

Hola yo los suelo comprobar a partir de los elementos del formulario con un array mira te dejo un ejemplo:

Código Javascript:

<script>
function a(){
    if (document.form.elements[0].checked || document.form.elements[1].checked ){}
    else{alert('Hay un elemento que no está seleccionado')};
}
 
</script>
 

Código HTML:

<form name="form">
Hombre<input type="radio" name="sexo" value="H"/>Mujer<input type="radio" name="sexo" value="M"/>
</form>
 

En este caso el formulario tiene 2 elementos lo que hago es comprobar si el 1º está con check sino es así hago lo mismo en el segundo y si ninguno está salta "else" con una alerta.

Espero haberte ayudado,
Saludos.

[alexg88]

Hola,

Código Javascript:

function any(list, predicate)
{
    var length = list.length;
    
    if (typeof predicate == "function")
    {
        for (var i = 0; i < length; i++) 
        {
            if (predicate(list[i]))
            {
                return true;
            }
        }
    }
    
    return false;
}
 
var elements = document.getElementsByName("sexo");
 
 
 
if (!any(elements, function (obj) { return obj.checked; }))
    {
        alert("Tienes que seleccionar un elemento");   
    }
 

Un saludo.

[jaime2101]

Gracias a los dos por contestar. Al final lo solucione poniendoles un "id" de la siguiente manera:



var h = document.getElementById('hombre');
var m = document.getElementById('mujer');

if ( (h.checked == false ) && (m.checked == false ) )
{
alert ( 'Error : Seleccione sexo');

return false;
}

Gracias igualmente, un saludo.