1

Al dar click al botón, aparece la ventana modal de alert con el mensaje, pero desaparece en seguida, no se queda esperando a que el usuario lo lea o clickee como el alert de javascript.

function validar() {
  swal("Buen trabajo!", "Clickeaste en el boton!", "success")
}
<!-- SeetAlert -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/1.1.3/sweetalert.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/1.1.3/sweetalert.min.css" rel="stylesheet" />

<!-- HTML -->
<form method="POST" action="proceso.php" onsubmit="validar()" target="_self">
  <input type="submit" name="btnProceso">
</form>

1
  • Por favor puedes colocar en ejemplo funcionando, edita tu pregunta y en el la opción de fragmento de código agrégalo para ver el error funcionado. el 18 may. 2017 a las 22:27

1 respuesta 1

1

Esto se soluciona añadiendo el return en el onsubmit del form , para que capture el false retornado de la función y así no se produzca el envió del form

function validar(e) {
  swal("Buen trabajo!", "Clickeaste en el boton!", "success");
  return false;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/1.1.3/sweetalert.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/1.1.3/sweetalert.min.css" rel="stylesheet" />
<form method="POST" action="proceso.php" onsubmit="return validar(event)" target="_self">
  <input type="submit" name="btnProceso">
</form>

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.