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ña:</td>
<td bgcolor="#C94A42"><input type="password" id="pass" name="Pass" maxlength="10" size="30"/></td>
</tr>
<tr>
<td bgcolor="#C94A42">Repetir Contraseñ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ñ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.