tengo un formulario donde tengo que validar el nombre, el horario si es de mañana o tardes y aceptar las normas del registro.
Con lo que tengo problemas, es el tema del horario, tengo dos radio buttons pero no consigo validar que uno de los dos este seleccionado.
function validar(){
valor = document.getElementById('nombre').value;
if( valor == null || valor.length == 0) {
alert('Error, rellena el campo nombre');
return false;
}
if(!registro.checked ){
alert('Debe aceptar el registro');
return false;
}
}
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title></title>
<script src="script.js"></script>
</head>
<body>
<form id="formulario" onsubmit="validar()">
<label>Nombre: </label><br>
<input type="text" id="nombre" name="nombre">
<br><br>
<label>Horario:</label><br>
<input type="radio" id="horario" value="mañana"><label>Mañana</label>
<br>
<input type="radio" id="horario" value="tarde"><label>Tarde</label>
<br><br>
<label>Aceptar las normas de registro:</label><br>
<input type="checkbox" name="registro" value="registro" id="registro">
<br><br>
<input type="submit" value="Enviar">
</form>
</body>
</html>