Как добавить коробку подтверждения сообщения в jQuery
-
26-09-2019 - |
Вопрос
У меня есть список пользователей с установленным ящиком, поэтому функция, по крайней мере, один флажок, должен выбрать дополнительную проверку, выполненную с помощью jQuery, чтобы удалить выбранный пользователь, после того, как проверка сделана, должен подтвердить, что окно сообщения, кажется, задавать подтверждение :) Отказ Поэтому ниже мой код без коробки подтверждения сообщения
function delete(element,servlet,formName){
var form = element.form;
$(document).ready(function() {
$(form ).validationEngine({
submitHandler: function(form) {
$(form).ajaxSubmit();
}
})
});
}
Итак, где я должен вставить окно подтверждения сообщения, заранее спасибо
Решение
$(form).ajaxSubmit({
success: function() {
alert('user successfully deleted');
}
});
Другие советы
$("#deletebutton").bind('click', function(){
if(confirm('delete?')){
$('input:checked').each(function(){
deleteFunction(this.id);
});
}
});
и разметка должна быть
<ul>
<li><input type="checkbox" id="name_1" name="name_1" />name 1</li>
<li><input type="checkbox" id="name_2" name="name_2" />name 2</li>
<li><input type="checkbox" id="name_3" name="name_3" />name 3</li>
<li><input type="checkbox" id="name_4" name="name_4" />name 4</li>
<li><input type="checkbox" id="name_5" name="name_5" />name 5</li>
</ul>
<button id="deletebutton">del</button>
Положите подтверждение перед отправкой
submitHandler: function(form) {
if (confirm("really delete that dude?")) {
$(form).ajaxSubmit();
}
}
function delete(element,servlet,formName){
var form = element.form;
$(document).ready(function() {
$(form ).validationEngine({
submitHandler: function(form) {
$(form).ajaxSubmit({
dataType: 'json',
success: function(data) {
if (data.okDelete) // json response
alert('ok deleted');
else
alert('error deleted');
}
});
}
})
});
}
Я думаю, вам нужен диалог jQuery, чтобы показать диалоговое окно подтверждения с некоторыми кнопками. Во-первых, вы определяете div для диалога. Затем кнопки, которые вы хотите показать. С помощью функции внутри нее действие, если кнопка нажала. Последнее, создайте диалог. Вы можете поместить код в качестве замены строки: $ (form) .ajaxsubmit ();
Итак, вы создаете диалог, прежде чем отправить форму. Надеюсь, это помощь.
var dialog_="<div title='Confirmation'><span class='ui-icon ui-icon-alert' style='float:left; margin:0 7px 20px 0;'></span>";
buttons_confirm['Yes']=function() {
$(form).ajaxSubmit();
$(this).dialog('close');
};
buttons_confirm['Cancel']=function() {
$(this).dialog('close');
};
$(dialog_).dialog({
bgiframe: true,
resizable: false,
modal: true,
buttons: buttons_confirm
});