如何解决在sweetalert中接受后提交表格
我只是在点击确认后才尝试提交表单。
我正在使用 post delete ajax 方法,但在进行双重验证时遇到了麻烦,当我在表单中点击“删除”时,表单会自动提交,而我想要的只是当我点击确认时以sweetalert形式提交。
const swalWithBootstrapButtons = Swal.mixin({
customClass: {
confirmButton: 'btn btn-success',cancelButton: 'btn btn-danger'
},buttonsstyling: false
});
jQueryAjaxDelete = form => {
swalWithBootstrapButtons.fire({
title: 'Tens a certeza?',text: "Esta ação será irreversível!",icon: 'warning',showCancelButton: true,confirmButtonText: 'Sim,apagar!',cancelButtonText: 'Não,cancelar!',reverseButtons: true
}).then((result) => {
if (result.isConfirmed) {
$.ajax({
type: 'POST',url: form.action,data: new FormData(form),contentType: false,processData: false,success: function (res) {
setInterval(location.reload(200));
//$('#view-all').html(res.html);
},error: function (err) {
console.log(err);
}
});
} else if (
result.dismiss === Swal.dismissReason.cancel
) {
swalWithBootstrapButtons.fire(
'Cancelled','Your imaginary file is safe :)','error'
);
}
});
};
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。