Web Application Development Advice & How To
Active Server Pages Development Advice & How To

Shining Star Services LLC
 
Shining Star Services
Articles
ASP.NET
ASP.net Articles
ASP, DHTML, HTML
HTML Tutorial
Auto-select an Element from a Menu or Scrolling List & Save Keystrokes!
ASP Driven DHTML Slider Menus REVISITED One Year Later! Part II
ASP Driven DHTML Slider Menus
ASP Driven HTML Outlines
Reusing Code with ASP Include Files and Subroutines
Security
Hacker Query Check
.htr IIS Security Issue
Databases, Cookies
Functions to Open a Database Connection and Record Set
Setting Up and Using OraSession to Manage Your Oracle Database Objects
Storing Non-Durable Data for Cookie-less Sessions
Javascript
Smart Popups
Javascript: Validate Numeric Fields
Javascript Confirm Form Submission
Javascript Dynamic Text Area Counter
Javascript: Check All and Uncheck All Check Boxes
Javascript Field Validations -- Client Side Scripting
Miscellaneous
Tree Select Demo
Adobe Extension Manager
Scandisk & Defrag Pointers
Standards & Style
Setting Up Your Own ASP Development Templates
Creating a Project Template for Estimations of Time, Tasks, and Resources
To Host or Not To Host
ASP Naming Conventions
HTML Naming Conventions & Visual Interdev HTML Generation
Working with and in spite of the Visual Interdev Design Mode
Commenting Your ASP Source Code
Letters!
Reader Letters

Articles Home

Shining Star Services

 
Javascript Confirm Form Submission
By Nannette Thacker - 11/17/2000 Updated: 2/15/2001

Oft 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>



ChristianSinglesDating

ShiningStar.net | ShiningStarSingles.com | Christian911.com