Jquery 带取消和提交按钮的引导模式弹出表单,无论哪个按钮单击表单提交
我试图解决一个问题,我有一个引导模式弹出。我在表单中有两个按钮,一个用于取消,一个用于提交表单。 如果我点击取消按钮,表单仍然会被提交 我的表格Jquery 带取消和提交按钮的引导模式弹出表单,无论哪个按钮单击表单提交,jquery,bootstrap-modal,Jquery,Bootstrap Modal,我试图解决一个问题,我有一个引导模式弹出。我在表单中有两个按钮,一个用于取消,一个用于提交表单。 如果我点击取消按钮,表单仍然会被提交 我的表格 <form name="DeleteConferenceBooking" id="Conference_Delete" method="post" autocomplete="off" enctype="multipart/form-data"
<form name="DeleteConferenceBooking" id="Conference_Delete" method="post" autocomplete="off" enctype="multipart/form-data" role="form" data-toggle="validator">
<input name="RecordID" type="text" id="ConfDeleteRecordID">
<button type="button" class="tn btn-warning-edit btn-xs" data-dismiss="modal">Cancel</button>
<button type="submit" class="btn btn-secondary-edit btn-xs submit-button">Continue</button>
</form>
我哪里出错了?将事件更改为提交,而不是单击
$(document).ready (function () {
$('#Conference_Delete').on('submit', function(e){
e.preventDefault();
$('#open_delete_conference_booking_data_modal').toggle();
var recordid = $('#ConfDeleteRecordID').val();
console.log("CONFERENCE DELETE RECORDID",recordid);
var form = this;
var formData = new FormData(form);
formData.append("RecordID", recordid);
$.ajax({
url: 'conf_bookings_delete.php',
type: 'POST',
data: formData,
cache: false,
contentType: false,
processData: false,
success: function(data){
var result = JSON.stringify(data);
result = JSON.parse(result);
console.log("RESULT", result);
$("#open_delete_conference_booking_data_modal").modal('hide');
$("#open_edit_data_modal").modal('hide');
$('#userTable').DataTable().ajax.reload();
}
});
});
});
尝试使用sweet alert 2,您将点击处理程序连接到整个模式。无论您在何处单击模式,它都会被触发。@Nawed Khan您好,谢谢您的回复,我应该如何布置代码,使单击处理程序不会附加到整个模式?我不知道为什么我没有发现这一点。非常感谢您关注这个问题。
$(document).ready (function () {
$('#Conference_Delete').on('submit', function(e){
e.preventDefault();
$('#open_delete_conference_booking_data_modal').toggle();
var recordid = $('#ConfDeleteRecordID').val();
console.log("CONFERENCE DELETE RECORDID",recordid);
var form = this;
var formData = new FormData(form);
formData.append("RecordID", recordid);
$.ajax({
url: 'conf_bookings_delete.php',
type: 'POST',
data: formData,
cache: false,
contentType: false,
processData: false,
success: function(data){
var result = JSON.stringify(data);
result = JSON.parse(result);
console.log("RESULT", result);
$("#open_delete_conference_booking_data_modal").modal('hide');
$("#open_edit_data_modal").modal('hide');
$('#userTable').DataTable().ajax.reload();
}
});
});
});