Question

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

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

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

Answer 1

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

Answer 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>

Answer 3

在提交之前提交确认

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

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

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

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

5 个答案: