jquery before submit open dialog wait until button click

Question

I try to use form submit with jquery modal dialog. Look at following code.

$(function() {

var sendConfirmation = false;

$( "#dialog-form" ).dialog({
  autoOpen: false,
  height: 300,
  width: 350,
  modal: true,
  buttons: {
    "Send": function() {
        sendConfirmation = true;
    },
    "Close": function() {
        $(this).dialog("close");
    }
  }
});

$("#send").submit(function(event) {
    //If user click on modal dialog "Send", then submit should be trigger.
    //And if user click "Close"
    $(this).trigger("recaptcha");
    return false;
    /*if(sendConfirmation) {
        return true;
    } else {
        return false;
    }*/

});

$("#send").bind("recaptcha", function() {
        $( "#dialog-form" ).dialog( "open" );
        //return false;
    }); 
  });

If the user click on submit button, the dialog will be open and submit should be wait until the "OK" button on modal dialog is clicked, then submit should be execute.
the main idea is, when user click on submit button modal dialog will be open and on the modal dialog is the recaptcha. The user put recaptcha code and click on OK button and data should be submit.

How can i stop the submit flow, until the OK button is click? If user click on OK button on modal dialog, then the form should be submit. — softshipper
– softshipper, Commented Feb 6, 2013 at 9:19
something occurred to me is, what i want is a before and after filter around submit, like rails filter. — softshipper
– softshipper, Commented Feb 6, 2013 at 9:39
i solve the problem through define a variable from type boolean. at the beginning, the variable is set false. After the user click OK button on Dialog, the variable will be set true and the form will be submit. In submit function, i validate if variable is true, if yes return true other false. — softshipper
– softshipper, Commented Feb 6, 2013 at 10:17

ealef · Accepted Answer · 2014-06-03 11:14:13Z

1

JavaScript is single-threaded and since JavaScript is being used to display the dialog and handle any clicks on it, there's no way to block execution without blocking the UI . Try to use tha callback functions of the dialog buttons

answered Jun 3, 2014 at 11:14

ealef

5543 silver badges12 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

jquery before submit open dialog wait until button click

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related