HTML - Form Submit Button Confirmation Dialog
You can also do it with one line in the form tag itself
<form action="exampleHandlerPage.php" method="post" onsubmit="return confirm('Are you sure you want to submit?');">
If you have 2 or more submit buttons in one form:
<input type="submit" value="Edit"><input type="submit" name="delete" value="Delete" onclick="return confirm('Confirm, please.');">
The dialog shows up only when you click the Delete
button.
Using raw javascript
without any div...
You can have this function
function confirmSubmit() { if (confirm("Are you sure you want to submit the form?")) { document.getElementById("FORM_ID").submit(); } return false;}
And you can call that function from the onsubmit
event in the form, or on the onclick
event in the button
.
By the way, have you heard about JQuery
. Its a JS Library with a lot of helpful things that give you a comfort and beauty way of coding javascript.
As an example of what you want to get done, take this confirmation dialog from JQuery
as example