Как добавить коробку подтверждения сообщения в jQuery

StackOverflow https://stackoverflow.com/questions/3822923

Вопрос

У меня есть список пользователей с установленным ящиком, поэтому функция, по крайней мере, один флажок, должен выбрать дополнительную проверку, выполненную с помощью 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                
});
Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top