Hay tres pasos que estoy haciendo:
HTML > JavaScript > PHP. En uno de ellos me estoy equivocando y sospecho que es en el JavaScript.
Mi HTML: Clase Modal. Aparentemente funciona:
<!-- Modal para solicitar evaluación de caso -->
<div class="modal fade" id="myModalEvaluacion" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog modal-sm">
<div class="modal-content">
<form id="evaModal">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Cerrar</span></button>
<h4 class="modal-title" id="myModalLabel">Solicitar evaluación:</h4>
</div>
<!-- Campos que pertenecen a solicitar una cita para evaluación de servicio -->
<div class="modal-body">
<div class="row">
<div class="col-md-12 form-group">
<input type="text" class="form-control" name="evaNombre" id="evaNombre" placeholder="Nombre" required />
</div>
</div>
<div class="row">
<div class="col-md-12 form-group">
<input type="text" class="form-control" name="evaApellido" id="evaApellido" placeholder="Apellido" required />
</div>
</div>
<div class="row">
<div class="col-md-12 form-group">
<input type="text" class="form-control" name="evaTelefono" id="evaTelefono" placeholder="Teléfono" required />
</div>
</div>
<div class="row">
<div class="col-md-12 form-group">
<input type="email" class="form-control" name="evaEmail" id="evaEmail" placeholder="Email" required />
</div>
</div>
<div class="row">
<div class="col-md-12 form-group">
<textarea class="form-control" name="evaComentario" id="evaComentario" placeholder="Comentario"></textarea>
</div>
</div>
<div class="row">
<div class="col-md-12">
<select class="form-control" name="evaServicio" id="evaServicio" required >
<option>Seleccione motivo</option>
<option value="1">Análisis emprarial</option>
<option value="2">Desarrollo Web</option>
<option value="3">Web Hosting</option>
<option value="4">Posicionamiento Web</option>
<option value="5">Email Marketing</option>
<option value="6">Videos y Animaciones 3D</option>
<option value="7">Otro</option>
</select>
</div>
</div>
</div>
<div class="modal-footer">
<input type="hidden" name="evaUrl" id="evaUrl" value="/" />
<button type="submit" class="btn btn-primary">Enviar</button>
</div>
</form>
</div>
</div>
</div>
Paso a JavaScript. Creo que aquí está el error, pero no logro atajarlo.
$('#myModalEvaluacion').validate({
submitHandler: function(form){
$('#myModalEvaluacion').modal('hide');
//Variables
var evaNombre = $('#evaNombre').val();
var evaApellido = $('#evaApellido').val();
var evaTelefono = $('#evaTelefono').val();
var evaEmail = $('#evaEmail').val();
var evaComentario = $('#evaComentario').val();
var evaServicio = $('#evaServicio').val();
$.ajax({
type: "post",
url: "/ingresarEva.php",
data: {
query: "quote",
evaNombre: evaNombre,
evaApellido: evaApellido,
evaTelefono: evaTelefono,
evaEmail: evaEmail,
evaComentario: evaComentario,
evaServicio: evaServicio,
}
})
.done(function(){
bootbox.alert("Gracias por escribirnos. Recibimos su información y pronto estaremos en contacto.", function() {console.log("Alert Callback");})
$('#evaNombre').val('');
$('#evaApellido').val('');
$('#evaTelefono').val('');
$('#evaEmail').val('');
$('#evaComentario').val('');
$('#evaServicio').val('');
})
}
});
Y el código PHP de insertar. Funciona pero no está llegando hasta allí.
mysqli_query($link, "INSERT INTO Cita VALUES ('$evaEmail', CURRENT_TIMESTAMP, '$evaNombre', '$evaApellido', '$evaTelefono', '$evaServicio', '$evacomentario');");
mysqli_close($link); // Cerramos la conexion con la base de datos
echo 'Los datos han sido insertados en la base de datos';
¿Donde estoy cometiendo el error en el paso de variables?
console.log("bien")
, solo es para revisar que este tomando los valores y este entrando al código de validar el formularioconsole.log
para escribir mensajes en la consola. Si utilizas Firefox y Chrome, presiona la tecla F12 para que veas la consola JavaScript y el tab de Redes (Network) para que veas si se han lanzado peticiones al servidor, qué datos se han enviado y qué ha respondido el servidor. Todo eso te ayudará a revisar y comprender el problema y proveer una solución.