Jquery dialog load page prevent dialog to close when form is submitted

Question

i am building a page that once i click on a link it call's the function modal and the url of the page to be oppened on the dialog, the page that load's in the dialog contains a form , the problem is that once i submit the form the dialog closes instead of maintain the dialog open.

is is possible to maintain the dialog open once the form has been submitted from the dialog page?

below there's the jquery code:

thanks

$(document).ready(function() {
    $("#dialog").dialog({
        autoOpen: false,
        modal: true,
        width: 400,
        height: 400,
        close: function(event, ui) {
            $("#dialog").html("");
        }
    });
});

function modal(url) {
    $(document).ready(function() {
        $("#dialog").load(url).dialog('open');
    });
}

Anton Baksheiev · Accepted Answer · 2012-09-30 19:25:43Z

1

You can add your own event on submit

$(document).ready( function() {
    $('#commentform').submit( function() {
        // submit data with $.POST, $.GET, $.AJAX
        return false;
    });
});

'commentform' - id of your form into 'dialog'

answered Sep 30, 2012 at 19:25

Anton Baksheiev

2,2512 gold badges15 silver badges15 bronze badges

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

Collectives™ on Stack Overflow

Jquery dialog load page prevent dialog to close when form is submitted

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