JSFiddle - React, Tailwind, and code Playground
HTML
<div id="dialog-confirm" title="Ready?">
<p>Are you sure?</p>
</div>
<form action='www.google.com' id="myform" name="myform2" type="post" data-submit="false">
<input type="submit" value="Yes" name="moveOn" />
</form>
JavaScript
$("#dialog-confirm").dialog({
resizable: false,
height: 190,
autoOpen: false,
width: 330,
modal: true,
buttons: [{
text: "Yes",
click: function() {
console.log("ASD");
$(this).dialog("close");
$('#myform').attr("data-submit", "true").submit();
}
}, {
text: "No",
click: function() {
$(this).dialog("close");
}
}]
});
$('#myform').on("submit", function() {
var attr = jQuery(this).attr("data-submit");
if (attr == "false") {
$("#dialog-confirm").dialog('open');
return false;
}
});