jQuery UI close Dialog when form submitted

Question

I have been trying to do the follow:

Form gets showed inside jQuery Dialog
When form gets submitted, jQuery dialog should close

I am trying the following code:

    $('#RegisterDialog').dialog({
               autoOpen: false,
                closeOnEscape: false,
                position: 'center',
                modal: true,
                width: 600,
                buttons: {
                    "Cancel account registration": function() { 
                        $(this).dialog("close"); 
                        window.location = 'http://localhost/';
                    } 
                }
});

$(".Register").click(function() {
           $('#RegisterDialog').dialog("close"); 
           $('#RegisterDialog').hide();
});

However, it hides and pops back up again. I also tried 'autoClose: false'.

Any help please?

Hmmm, just a note. This gets executed on document load. Could that be a problem? When the form gets executed, it makes a query to the same page. — aam1r
– aam1r, Commented Aug 9, 2010 at 19:00
Currently you have autoOpen: false, and dialog should not pop up after page loaded. Then how do you show your dialog, where is the $('#RegisterDialog').dialog("open"); triggered? — ischenkodv
– ischenkodv, Commented Mar 3, 2011 at 20:27

Matt Fenwick · Accepted Answer · 2012-03-01 10:18:50Z

1

You should try .remove().

This will remove the element and it won't pop up again.

edited Mar 1, 2012 at 10:18

Matt Fenwick

49.3k24 gold badges130 silver badges198 bronze badges

answered Mar 1, 2012 at 9:30

Ashu

111 bronze badge

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

Comments

Yves M. · Accepted Answer · 2010-08-09 16:47:14Z

0

From the jQuery documentation...

.dialog( "destroy" ) 
// Remove the dialog functionality completely. This will return the element back to its pre-init state.

This might do the trick.

answered Aug 9, 2010 at 16:47

Yves M.

3,31816 silver badges12 bronze badges

Comments

Bang Dao · Accepted Answer · 2010-08-09 16:48:16Z

0

I think you should do like this

$(".Register").click(function() {
           $('#RegisterDialog').dialog("close"); 
           //$('#RegisterDialog').hide(); --> no need to call this
});

answered Aug 9, 2010 at 16:48

Bang Dao

5,1021 gold badge27 silver badges33 bronze badges

1 Comment

aam1r Over a year ago

Just tried it; doesn't work. I also tried .dialog("destroy") and that doesn't work either. It goes away for a second and comes back right away. Something keeps triggering it to come back up it seems

Collectives™ on Stack Overflow

jQuery UI close Dialog when form submitted

3 Answers 3

Comments

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related