如何在jquery中添加确认消息框答案

【问题标题】：how to add confirm message box into jquery如何在jquery中添加确认消息框
【发布时间】：2010-09-29 15:04:54
【问题描述】：

我有带有复选框的用户列表，因此该功能至少是一个复选框，必须选择使用 jquery 完成的其他验证以删除选定的用户，一旦验证完成，应该出现确认消息框以询问是否确认是或不删除。所以下面是我没有确认消息框的代码

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

所以我应该在哪里插入确认消息框，提前谢谢

【问题讨论】：

标签： javascript jquery message confirm

【解决方案1】：

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

【讨论】：

【解决方案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>

【讨论】：

【解决方案3】：

提交前确认

submitHandler: function(form) {
    if (confirm("really delete that dude?")) {
        $(form).ajaxSubmit();
    }
}

【讨论】：

【解决方案4】：

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');
          }
       });    
    }   
  })   
 });   
}

【讨论】：

【解决方案5】：

我认为您需要 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                
});

【讨论】：