Verwenden von jquery UI-Dialog zur Bestätigung der Aktion für die Formularübermittlung

Question

Ich habe mehrere Formulare auf einer Seite, für jede von ihnen möchte ich den Benutzer vor der Formularübermittlung bestätigen. aber wenn der Benutzer bestätigt zu übermitteln, wie lasse ich diesen Dialog wissen, welche Form der Benutzer gewinnt? Nimmt es benutzerdefinierte Parameter? Vielen Dank.

$("#dialog-confirm").dialog({ 
     resizable: false, 
     height:140, 
     modal: true, 
     buttons: { 
      'Confirm submit': function() { 
       document.______???????_____.submit(); 
      }, 
      Cancel: function() { 
       $(this).dialog('close'); 
      } 
     } 
    }); 
$('.allForms').submit(function(){ 
     $('#dialog-confirm').dialog('open'); 
}); 

Answer 1

Sie können es speichern in einer Variablen wie folgt aus:

var currentForm; 
$("#dialog-confirm").dialog({ 
     resizable: false, 
     height:140, 
     modal: true, 
     buttons: { 
      'Confirm submit': function() { 
       currentForm.submit(); 
      }, 
      Cancel: function() { 
       $(this).dialog('close'); 
      } 
     } 
    }); 
$('.allForms').submit(function(){ 
     currentForm = this; 
     $('#dialog-confirm').dialog('open'); 
     return false; 
}); 

Da Sie gerade diese verwenden und sofort nur die Seite verlassen, keinen wirklichen Grund, es nicht mehr als kompliziert zu machen.

Answer 2

Oder wie wäre es

$(this.form).submit(); 

Answer 3

Basierend auf Nick Craver seine Antwort, können Sie es auf diese Weise schreiben:

$('.allForms').submit(function(){ 
     currentForm = this; 

     $('#dialog-confirm').dialog({ 
     resizable: false, 
     height:140, 
     modal: true, 
     buttons: { 
      'Confirm submit': function() { 
       currentForm.submit(); 
      }, 
      Cancel: function() { 
       $(this).dialog('close'); 
      } 
     } 
     }); 
     return false; 
});