Código HTML:
<form id="contact" onsubmit="return validation();"> <label id="label_mail" for="mail">Correo electrónico: </label><input id="mail" size="40em" /><br> <input type="radio" name="type" value="Duda" /><label>Duda</label> <input type="radio" name="type" value="Queja" /><label>Queja</label> <input type="radio" name="type" value="Sugerencia" /><label>Sugerencia</label><br> <label id="label_textarea" for="textarea">Escribe lo que desees: </label><br> <textarea cols="100%"></textarea><br> <button type="submit">Enviar</button> <button type="reset">Borrar</button> </form>
Código:
No se que falla, pero nunca comprueba si el radio está marcado. ¿Qué puede ser? function validation() { emailValidation(); optionChecked(); } function emailValidation() { var email = document.getElementById("mail").value; var patronEmail = /^(.+)@(.+)$/; if(patronEmail.test(email) == false) { var div_error = document.getElementById("div_error"); div_error.innerHTML = "El correo electrónico introducido es incorrecto"; return false; } } function optionChecked() { var radio = document.getElementsByName("type"); var selected = false; for(i=0; i<radio.length; i++) { if(radio[i].checked) { selected = true; break; } } if(selected == null) { var div_error = document.getElementById("div_error"); div_error.innerHTML = "No ha sido seleccionada el tipo de consulta"; return false; } }