使用jQuery UI的对话框，确认表单提交行动

Question

我有一个页面上的多个形式，为他们每个人我希望用户提交表单之前进行确认。但是当用户确认提交，我怎么让这个对话框知道用户是sumbitting形成？是否需要自定义参数？感谢。

$("#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

可以将其存储在这样一个变量：

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

既然你只是用这个，而是立即离开页面，没有真正的理由，使其比这更复杂。

Answer 2

或如何

$(this.form).submit();

Answer 3

根据尼克Craver他的答案，你可以写这种方式：

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