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;
}
}


