Tengo un código ajax para guardar los datos del formulario en la base de datos, todo funciona correctamente, pero mi cliente necesita validarlo con un código qr antes de realizar esta acción, así que agregué un modal para solicitar la contraseña con una entrada, pero no lo hago. No sé cómo detener el proceso ajax hasta validar la contraseña ingresada en la entrada...

Aquí el código:

 $("#myForm").submit(function(event){ event.preventDefault(); $('#validateInput').modal('show'); //show modal with the input $.ajax({ type: "POST", url: "include/validation.php?ts=" + new Date().getTime(), success: function( response ){ if(response == 1) { $.ajax({ type:"POST", url:"include/save.php?ts=" + new Date().getTime(), dataType:"text", data:$(this).serialize(), beforeSend:function(){ $("#loading").show(); $("#result").empty(); $('#submit').attr("disabled", true); }, success:function(response){ $("#loading").hide(); $("#result").append(response); setTimeout(function(){ $('#submit').attr("disabled", false); }, 3000); }, error: function(response){ $("#loading").hide(); $("#result").append(response); setTimeout(function(){ $('#submit').attr("disabled", false); }, 3000); } }); } else { swal({ type: "error", title: "is not valid", text: "try again...", timer: 1000 }); } }, error: function(response){ $("#loading").hide(); $("#result").append(response); } }); });