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

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