JavaScript — Как отправить форму с помощью сладкого оповещения подтверждения?

Question

JavaScript — Как отправить форму с помощью сладкого оповещения подтверждения?

Я пытаюсь отправить форму после подтверждения, используя сладкая тревога. Но, так или иначе, моя форма обходит сладкое предупреждение подтверждения (отправлено без подтверждения).

То, что я пытаюсь сделать, это.

Нажмите отправить
Показать сладкое оповещение
Если да нажата = отправить форму
Если отменить нажатие = закрыть сладкое предупреждение

Вот мой сценарий

$("#btn_submit").on('click',function(e){ //also can use on submit
e.preventDefault(); //prevent submit
var jns_srt = $("#i_dok").val();

swal({
title: "Are you sure?",
type: "warning",
showCancelButton: true,
confirmButtonColor: "#DD6B55",
confirmButtonText: "Yes!",
cancelButtonText: "Cancel",
closeOnConfirm: true
}, function () {
//I don't know what to write here.
});
});

<form name="frm_input" id="frm_input_srt" method="post" action="<?php echo site_url('Admin/rekam_srt_msk'); ?>">
<table>
<tr><td colspan="3" style="text-align:left; padding:0; vertical-align:middle"><input type="text" name="test" /></td></tr>
<tr>
<td colspan="3" style="text-align:center; padding:0; vertical-align:middle">
<input type="reset" id="btn_reset" name="btn_reset" class="btn btn-danger" value="Reset">
&nbsp;||&nbsp;
<input type="submit" id="btn_submit" name="btn_submit" class="btn btn-success" value="Save">
</td>
</tr>
</table>
</form>

0

forms javascript jquery php sweetalert

Решение

Другие решения

Вы можете получить элемент формы по Id, а затем отправить.

document.getElementById("frm_input_srt").submit();

или JQuery способ

$("#frm_input_srt").submit();

0

 }, function () {
//to submit:
document.getElementById("frm_input_srt").submit();
});

0

Использовать этот:

$("#btn_submit").on('click',function(e){ //also can use on submit
e.preventDefault(); //prevent submit
var jns_srt = $("#i_dok").val();

swal({
title: "Are you sure?",
type: "warning",
showCancelButton: true,
confirmButtonColor: "#DD6B55",
confirmButtonText: "Yes!",
cancelButtonText: "Cancel",
closeOnConfirm: true
}, function (getAction) {
if (getAction.value === 'true') {
// Insert code that will be run when user clicks Ok.
});
});

0

Источник

Accepted Answer

Документация показывает, как запустить другой код при отмене и подтверждении. Прямо из их сайт:

swal({
title: "Are you sure?",
text: "You will not be able to recover this imaginary file!",
type: "warning",
showCancelButton: true,
confirmButtonColor: "#DD6B55",
confirmButtonText: "Yes, delete it!",
cancelButtonText: "No, cancel plx!",
closeOnConfirm: false,
closeOnCancel: false
},
function(isConfirm){
if (isConfirm) {
swal("Deleted!", "Your imaginary file has been deleted.", "success");
} else {
swal("Cancelled", "Your imaginary file is safe :)", "error");
}
});

Для вашего кода:

$("#frm_input_srt").submit( function () {
var jns_srt = $("#i_dok").val();

swal({
title: "Are you sure?",
type: "warning",
showCancelButton: true,
confirmButtonColor: "#DD6B55",
confirmButtonText: "Yes!",
cancelButtonText: "Cancel",
closeOnConfirm: true
}, function(isConfirm){
if (isConfirm) {
return true;
} else {
return false;
}
});
});

1