كيفية إضافة مربع رسالة تأكيد إلى 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
});