JavaScript Confirm

The JavaScript confirm box gives your users a chance to confirm an action before JavaScript runs it. The 'confirm' box is created using JavaScript's built-in confirm() function. When the JavaScript confirm() function is triggered, a small box will pop up and display an "OK" button and a "Cancel" button (along with text that you specify in your JavaScript code).

Creating/Triggering a JavaScript Confirm

As mentioned, you create a JavaScript confirm box by calling the built-in JavaScript confirm() function. All you need to do is pass your message to this function.

Basic JavaScript Confirm

You can place the JavaScript confirm() function straight into an HTML tag. Like this:

<!-- JavaScript and HTML codes by Quackit.com -->
<input type="button" onclick="confirm('Did you really mean to click the button?');" value="Click me..." />

JavaScript 'confirm()' Within Another Function

The above example works, but it doesn't really do much. You could make your website more useful by including the confirm() function within another function.

Here's an example:

<!-- JavaScript and HTML codes by Quackit.com -->
<script language="javascript" type="text/javascript" >
function jumpto(selectedURL){
if (document.navForm.jumpmenu.value != "null")
	{
		var confirmLeave = confirm('Are you sure you want to leave the Quackit website?');
		if (confirmLeave==true)
		{
			document.location.href = selectedURL
		}
		else
		{
			return false;
		}
	}
}
</script>
<p>Visit one of these excellent websites:</p>
<form name="navForm">
<select name="jumpmenu" onChange="jumpto(document.navForm.jumpmenu.options[document.navForm.jumpmenu.options.selectedIndex].value)">
	<option>Jump to...</option>
	<option value="http://www.zappyhost.com">ZappyHost</option>
	<option value="http://www.code-generator.net">Code Generator</option>
	<option value="http://www.natural-environment.com">Natural Environment</option>
	<option value="http://www.great-workout.com">Great Workout</option>
</select>
</form>

Enjoy this website?

Link to this page (copy/paste into your own website or blog):
<a href="http://www.quackit.com/javascript/codes/javascript_confirm.cfm">JavaScript Confirm</a> from Quackit.com
Add this page to your favorite social bookmarks sites:
Add this page to your Favorites