jQuery Mobile: use a dialog to let user confirm form submission - jquery-mobile

Question

I would like to user the beautiful jQuery Mobile dialog:
Open dialog
To ask a user if he really wants to submit a form.
My idea is: user fills the form then clicks on submit and so he sees a dialog like "do you really want to submit the form? Yes/No" and if yes the form is sent using ajax to my insert.php page if no the dialog is simply closed.
I've read in the official documentation and it looks like this is simply a graphical tweak to show any #page of my jqm web app like a dialog.
How can I use this dialog page as confirm / cancel of my form submission?
To be clearer: I don't want to use standard javascript like:
function insertClienti()
{
$('#form').submit(function(e) {
if(!confirm('really submit the form?')) {
e.preventDefault();
return;
}
$.post("insert.php", $("#form").serialize());
});
}
but only jQuery Mobile's dialog.
Thanks for your time and patience.

Answer 1

I was simply using the wrong jQuery Mobile component.
Popup dialogs are simply made for this and are very easy to use.
The documentation is here:
http://jquerymobile.com/demos/1.2.0-alpha.1/docs/pages/popup/
Here's the code I used in my app (I use bassistance validator):
$(document).bind('pageinit', function () {
validaFormInserimento();
});
function insertClienti()
{
$.post("insert.php", $("#form_inserimento_clienti").serialize());
}
function validaFormInserimento()
{
$("#form_inserimento_clienti").validate({
rules: {
nick: "required"
},
messages: {
nick: "Campo obbligatorio"
},
errorPlacement: function(error, element){
if (element.attr("name") === "nick") {
error.insertAfter($(element).parent());
} else {
error.insertAfter(element);
}
},
submitHandler: function(form){
$( "#popupDialog" ).popup( "open" );
}
});
}
function disabilitaSubmit()
{
$('input,select').keypress(function(event) { return event.keyCode != 13; });
}
function insertClienti()
{
$.post("insert.php", $("#form_inserimento_clienti").serialize());
$( "#popupDialog" ).popup( "close" );
$("#form_inserimento_clienti").each(function() {
this.reset();
});
}