2010-09-29 69 views
1

我有用戶列表中的複選框,所以功能至少有一個複選框必須選擇其他驗證使用jquery刪除選定的用戶,一旦驗證完成後應該確認消息框出現要求確認是否刪除。所以下面是我的代碼沒有確認消息框如何將確認消息框添加到jquery

function delete(element,servlet,formName){ 
    var form = element.form; 
    $(document).ready(function() { 
    $(form).validationEngine({ 
     submitHandler: function(form) {  
     $(form).ajaxSubmit();  
    } 
    }) 
}); 
} 

所以我應該在哪裏插入確認消息框,在此先感謝

回答

2
$(form).ajaxSubmit({ 
    success: function() { 
     alert('user successfully deleted'); 
    } 
}); 
0

認沽確認之前提交

submitHandler: function(form) { 
    if (confirm("really delete that dude?")) { 
     $(form).ajaxSubmit(); 
    } 
} 
2
$("#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> 
0
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'); 
      } 
     });  
    } 
    }) 
}); 
} 
0

我想你需要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     
});