I am trying to display jquery's dialog confirmation before submitting a form. But I can't get it to popup up only when the form is submitted this is the code:
$(function remove() {
$("#dialog-confirm").dialog({
resizable: false,
height:200,
modal: true,
buttons: {
'Delete campaign': function() {
return true ;
$(this).dialog('close');
},
Cancel: function() {
return false;
$(this).dialog('close');
}
}
});
});
Dialog confirmation
content
<div id="dialog-confirm" title="Delete ?" style="display:none;">
<p><span class="ui-icon ui-icon-alert" style="float:left; margin:0 7px 20px 0;"></span>This will be permanently deleted and cannot be recovered. Are you sure?</p>
</div>
Form submit
content
<form style="display: inline;" action="remove.php" method="post"" onsubmit="return remove()">
