El problema es que no me ejecuta el ajax, ya que me falla algo en la validacion, el error que me da es el siguiente:
TypeError: document.getElementById(...)
Aquí va el código:
function validar() {
var res = true;
Error en esta línea
if (document.getElementById("tema").value === "" || document.getElementById("experiencia").value === "" ||
document.getElementById("tiempo").value === "") {
res = false;
}
if (!res) {
alert('Debes seleccionar todos los campos');
}
return res;
}
//Envio datos del formulario mediante ajax
Y error al intentar acceder al ajax
if (validar()) {
$(document).ready(function() {
$("#enviar").click(function() {
var datos = $("form").serialize(); //serialize recoge los values del formulario, identificados por su name
$.ajax({
type: "POST",
url: "guardarDatos.php",
data: datos
})
.done(function(response) {
if (response.success) {
alert("Fallo con la Base de Datos");
}
})
.fail(function() {
alert("error");
});
});
});
}
Aqui os dejo el formulario
<form id="form" onsubmit="return validar()" method="POST" action="index.php">
<select id="tema" name="tema">
<option value="">¿En qué tema estás interesado?</option>
<option>Programación</option>
</select>
<select id="experiencia" name="experiencia">
<option value="">¿Qué experiencia tienes?</option>
<option>Sin experiencia</option>
</select>
<select id="tiempo" name="tiempo">
<option value="">¿De que tiempo dispones?</option>
<option>1-3 horas al día</option>
</select>
</br>
<input type="submit" value="ENCUENTRA TU FORMACIÓN AHORA" id="enviar "name="enviar">
</form>
Supongo que el error es en la parte de javascript que no realizo los pasos correctamente