formas mas sencillas de validar con css(valid,invalid) y html(required):
input:invalid {
border: 1px solid #CB000F;
color: red
}
input:valid {
color: #00882D;
font-weight: bold;
}
input:indeterminate {
background-color: grey;
}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script src="/ValidarFormulario/validar2.js"></script>
</head>
<body>
<form action="" name="formulario" method="GET">
<input type="text" name="nombre" id="nombre" maxlength="30" placeholder="Nombre" required>
<br>
<input type="radio" name="sexo" id="hombre" value="Hombre" required> Hombre
<input type="radio" name="sexo" id="mujer" value="Mujer" required> Mujer
<br>
<input type="checkbox" name="terminos" id="terminos" required> Terminos y Condiciones
<br>
<input type="submit" id="btn" name="btn" value="Enviar">
</form>
</body>
</html>
NOTA: es mejor hacer un return alert();
asi solo mostrara el campo que necesita ser completado y no todos "es un poco tedioso enviar en blanco y recibir tantos alert()" fuera de que el navegador podría bloquearlos!