Implement jQuery confirmation modal in a form submit?

Question

I am using jQuery modal confirmation like this:

$(function() {
    $( \"#dialog-confirm\" ).dialog({
      resizable: false,
      height:190,
      width: 330,
         


        

Answer 1

you need to use the submit event in the form where the submit button is.

$(function() {
    var submit = false;
    $("#dialog-confirm").dialog({
      resizable: false,
      height:190,
      autoOpen: false,
      width: 330,
      modal: true,
      buttons: {
        "Yes": function() {
          $(this).dialog("close");
          submit = true;
        },
        No: function() {
          $(this).dialog("close");
        }
      }
    });

    $('form').submit(function() {
        if (!submit) {
            $("#dialog-confirm").dialog('open');
            return false;
        }
    });
});