JSFiddle - React, Tailwind, and code Playground
by George Berkeley
HTML
<form action="" method="post">
Hombre <input type="radio" name="genero" />
Mujer <input type="radio" name="genero" />
<br>
<br>
Años <input type="text" id="anios">
<br>
<br>
<input type="button" value="Validar" onclick="return validarCuestionario()" />
</form>
JavaScript
function validarCuestionario()
{
var genero = document.getElementsByName("genero");
var anios = document.getElementById("anios");
/* VALIDA GÉNERO */
for ( i=0; i<genero.length; i++ )
{
if ( genero[0].checked )
{
alert("HOMBRE");
/* VALIDA AÑOS */
if ( anios.value == "" )
{
alert("¿Cuántos años tienes?");
return false;
}
else
{
return true;
}
}
else if ( genero[1].checked )
{
alert("MUJER");
/* VALIDA AÑOS */
if ( anios.value == "" )
{
alert("¿Cuántos años tienes?");
return false;
}
else
{
return true;
}
}
else
{
alert("Olvidaste seleccionar el GÉNERO");
return false;
}
}
}