I'm trying to submit a form after confirming it using sweet alert. But, somehow my form is bypassing the sweet alert confirm (sent without confirmation).
What I am trying to do is.
- Press submit
- Show sweet alert
- IF yes is clicked = send form
- If cancel is clicked = close sweet alert
Here's my script
$("#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">
||
<input type="submit" id="btn_submit" name="btn_submit" class="btn btn-success" value="Save">
</td>
</tr>
</table>
</form>