JSFiddle - React, Tailwind, and code Playground
HTML
<form action="" method="post">
Hombre <input type="radio" name="genero" value="Hombre" />
Mujer <input type="radio" name="genero" value="Mujer" />
<br />
Años: <input type="text" id="anios" />
<br />
<input type="submit" value="Validar" />
</form>
JavaScript
var form = document.getElementsByTagName("form")[0],
elementos = form.elements,
total = elementos.length,
radios = [],
totalRadios = 0;
for (i = 0; i < total; i++)
if (elementos[i].getAttribute("type") == "radio"){
radios.push(elementos[i]);
totalRadios++;
}
form.addEventListener("submit", function(e){
e.preventDefault();
var comodin = 0;
for (i = 0; i < totalRadios; i++)
if (!radios[i].checked) comodin++;
if (comodin == totalRadios)
alert("Debe de seleccionar una opción");
else
for (i = 0; i < total; i++)
switch (elementos[i].getAttribute("type")){
case "text":
if (!elementos[i].value.length)
elementos[i].value = prompt("¿Cuántos años tienes?");
break;
case "radio":
if (elementos[i].checked)
alert(elementos[i].value);
break;
}
}, false);