Estoy haciendo un modal con un formulario en HTML. Una vez que los campos son validados en JavaScript (ya funciona correctamente) quiero que, al apretar el botón submit, aparezca una alerta de Sweet Alert para confirmar en envío. Si el usuario no confirma el envío, la idea es que se mantenga en el modal.
El problema es que al ingresar todos los datos correctos y dar clic en el botón submit, aparece la alerta pero se sale automáticamente, sin permitirme elegir entre 'cancelar' o 'confirmar' en la alerta.
JS:
function registroCompraEfectivo(){
//por acá estarían las validaciones, que tienen return = false si no se cumple
//si se confirma todo, se devuelve la siguiente alerta:
return swal({
title: '¿Realmente quiere realizar el pedido?',
text: "Si no está seguro, por favor, cancele. De lo contrario, ¡confirme!",
type: 'warning',
showCancelButton: true,
confirmButtonColor: '#3085d6',
cancelButtonColor: '#d33',
confirmButtonText: 'Confirmar'
}).then((result) => {
if (result.value) {
swal(
'¡Confirmado!',
'Su pedido ha sido registrado con éxito.',
'success'
)
}
});
}
HTML:
<form method="post" onsubmit="return registroCompraEfectivo()">
<!--Por acá estaría la maquetación del modal con formulario hecho con Bootstrap-->
<input type="submit" class="btn btn-block btn-lg btn-default backColor btnPagar" value="REALIZAR PEDIDO">
</form>
e.preventDefault();
para evitar que se cierre el sweet.;return false
por ejemploonsubmit="registroCompraEfectivo(); return false