JSFiddle - React, Tailwind, and code Playground
HTML
<form>
<input type="submit" value="Click me" class="button" id="submitButton" />
</form>
JavaScript
var confirmDelete = $('<div></div>')
.html('Record will be deleted! This operation can\'t be undone. <br />Are you sure?')
.dialog({
autoOpen: false,
title: 'Record will be deleted! Please Confirm.',
buttons: {"Yes": function() {
$(this).dialog("close");
$('form').submit();
}, "No": function() {
$(this).dialog("close");
}
}
});
$('#submitButton').on('click', function(e){
e.preventDefault();
$(confirmDelete).dialog('open');
});