Estoy tratando de mostrar una alerta de éxito al enviar un formulario.

aquí está mi código.

formulario HTML

 <button type="submit" class="btn btn-primary" id="successAlert">Add User</button>

y el script en el botón aquí.

 <script> const swalWithBootstrapButtons = Swal.mixin({ customClass: { confirmButton: 'btn btn-primary', cancelButton: 'btn btn-gray' }, buttonsStyling: false }); document.getElementById('successAlert').addEventListener('click', function () { swalWithBootstrapButtons.fire({ icon: 'success', title: 'Success alert', text: 'Your work has been saved', showConfirmButton: true, timer: 4000 }) }); </script>

Funcionó con type="button", pero por otro lado type="submit" no lo hace.