Javascript Confirm Form Submission

Javascript Confirm Form Submission

Many times you may wish to have the user confirm, before they process a form’s action. For instance, clicking the button may activate a deletion process which you wish to have the user confirm before proceeding.

This code allows your users to confirm whether they wish to proceed when processing a form with serious consequences, such as DELETE.

You may also use the confirmSubmit() function for confirming whether to proceed with a hyperlink and you may assign it to a single button on a form. For instance, you only want to confirm the Delete button, not the Submit button.

Hyperlink example:

delete

<a onclick="return confirmSubmit()"
href="/articles/articles/javascript/confirmsubmit.asp?ID=<%=siteID%>">
delete</a><P>

The below example shows how to tie the confirmation to a single button on a form.

<form method="POST"
action="/articles/articles/javascript/confirmsubmit.asp?ID=<%=siteID%>"
id="submitform" name="submitform">

<input type="Submit" name="Submit" value="Submit">

<input type="Submit" name="Delete" value="Delete"
onClick="return confirmSubmit()">

</form>
</b>
<p>

The following example shows how to confirm the submission of the entire form from within the FORM tag. The form calls itself in this example, but in yours, it would likely call the processing page. Here is the code to confirm a form submission:

Inventory:

Shoes
Socks

<script LANGUAGE="JavaScript">
<!--
// Nannette Thacker http://www.shiningstar.net
function confirmSubmit()
{
var agree=confirm("Are you sure you wish to continue?");
if (agree)
	return true ;
else
	return false ;
}
// -->
</script>

For ASP fun, I have inserted the verbiage “Deleted” dependent upon the selection. Here is the form code for those using ASP. The “&ID=AW” or “&ID=<%=siteID%>” code in the “action” is used by this web site and is not needed by your code. Those using plain Javascript can view the source code:

<b>Inventory:<p>

<form method="POST"
action="/articles/articles/javascript/confirmsubmit.asp?shoeid=shoes&ID=<%=siteID%>"
onsubmit="return confirmSubmit()" id="submitform" name="submitform">

Shoes	<%if request("shoeid") = "shoes" then Response.Write " Deleted " end if %>
<input type="Submit" value="Delete" id="Delete" name="Delete">
</form>

<form method="POST"
action="/articles/articles/javascript/confirmsubmit.asp?shoeid=socks&ID=<%=siteID%>"
onsubmit="return confirmSubmit()" id="submitform" name="submitform">

Socks	<%if request("shoeid") = "socks" then Response.Write " Deleted " end if %>
<input type="Submit" value="Delete" id="Delete" name="Delete">
</form>
</b>
<p>

thanks http://www.shiningstar.net/articles/articles/javascript/confirmsubmit.asp

Leave a Reply