el problema que tengo es el siguiente:
tengo una funcion en ajax el cual llamo a un archivo php dentro de esa funcion, antes de mostrar mi resultado le muestro al usuario una imagen simulando qe esta cargando su peticion, pero resulta que debajo de ese imagen que ace la simulacion esta un boton tipo submit, el problema radica en lo siguiente, el cliente puede darle clic al boton y se envia el formulario pero lo envia vacio ya que no espero que termine de quitarse la imagen de cargando. mi pregunta es la siguiente como puedo evitar que cuando este la imagen de cargando y le quiera dar al boton en ese momento le mande un aler indicandole que tiene que espera que se cargue la informacion y al terminar la simulacion ya le puede dar click y enviar la info de ese formulario
Código Javascript
:
Ver originalfunction cotiza(){
if($("#fhInicio").val() == $("#fhFin").val() && $("#fhInicio").val()!="" && $("#fhFin").val()!="") {
showError("You can't select the same dates");
}else{
$("#error").slideUp(150);
divRes = $("#muestra_precio");
datos = "consulta=cotiza1";
datos += "&fhInicio="+$("#fhInicio").val();
datos += "&fhFin="+$("#fhFin").val();
datos += "&pickUp="+$("#pickUp").val();
datos += "&id_auto="+$("#id_auto_seleccionado").val();
datos += "&categoria="+$("#categoria").val();
datos += "&hrInicio="+$("#hrInicio").val();
datos += "&hrFin="+$("#hrFin").val();
//alert(datos);
if($("#fhInicio").val()!="" && $("#fhFin").val()!=""){
img = "<img src='img/loadPrecio.gif' style='margin:30px 0 0 30px'/>";
divRes.html(img);
$.ajax({
type: "POST",
data: datos,
url: "consultas/consultasFlotas.php",
success: function(msj){
divRes.html(msj);
},
error: function(request, error) {
$(".blockUI").html("<div id='errorJS'>ERROR " +request.status + request.responseText+"<div>");
}
});
}
}/*---- FIN DEL ELSE */
}