Edit Question - KnowledgeHub

Title Body

I am trying to pop up a confirmation modal when the user presses the delete button on the edit form. The modal pops up fine, but when jQuery should be submitting the form, it's not doing anything. I have delete as a type="button", because when it is of type submit the modal function does not hold up the process and it just deletes the user right away. The HTML ... -- EDIT -- (I added the <form> tags) <form action="/admin/edit-user" enctype="application/x-www-form-urlencoded" method="post" name="edit_user_form" id="edit_user_form"> ... <p><input type="submit" value="Save" name="submit" id="submit"/></p> <p><input type="submit" value="Cancel" name="cancel" id="cancel"/></p> <p><input type="button" value="Delete User" name="delete_btn" id="delete_btn" onclick="confirmDeleteUser();"/></p> ... </form> ... <div id="dialog-modal" title="Confirm Delete User"> <p><span class="ui-icon ui-icon-alert" style="float:left; margin:0 7px 0 0;"></span> Are you sure you wish to delete this user?</p> <p>To continue editing, click cancel.</p> </div> The Javascript: function confirmDeleteUser() { $('#dialog-modal').dialog({ autoOpen: false, width: 400, modal: true, resizable: false, buttons: { "Cancel": function() { $(this).dialog("close"); return false; }, "Delete User": function() { var self = $(this); var form = $('#edit_user_form'); tmpElm = $('<input type="hidden" />'); tmpElm.attr('name', 'delete'); tmpElm.attr('id', 'delete');

Tags (comma-separated) Cancel