JavaScript: How to select "Cancel" by default in confirm box?

javascript jquery confirm
Prashant picture Prashant · Nov 9, 2009 · Viewed 33k times · Source

I am displaying a JavaScript confirm box when the user clicks on the "Delete Data" button. I am displaying it as shown in this image:

alt text

In the image, the "OK" button is selected by default. I want to select the "Cancel" button by default, so that if the user accidentally presses the enter key, the records will be safe and will not be deleted.

Is there any way in JavaScript to select the "Cancel" button by default?

Answer

Maiku Mori picture Maiku Mori · Nov 9, 2009

You can't do that, but you could use/write your own dialog which is displayed using DOM elements (like phoenix suggested, it just doesn't have to be that particular jQuery plugin, you could write your own or use plugin from another JS framework).

The "use jQuery + plugin X" answers are starting to get annoying. There are a lot of JS libraries out there and even more plugins. For example using any JS library here is unnecessary if you just want to display a custom dialog. While it's a quick solution/answer, answers like that do more harm in a long run then good. People new to JavaScript or programing in general start to think that jQuery and/or plugins are the only way to go and they include 50kb+ library just to write 3 lines of their own (which sometimes don't even use the library :D).

In my opinion Markus Johnsson comment is the best answer, it's a shame it's not posted as one.

Related questions

Javascript - confirm() inside a jquery .click() function

I have the following $("element").click(function() { var foo=bar; if ( foo == "bar" ) { confirm('Dialogue'); } }); But I would like to bool the confirm function. I've already tried $("element").click(function() { var foo=bar; if ( foo == "bar" ) { var confirm=confirm('Dialogue'); …

Read More
Can you wait for javascript callback?

I'm trying to use the jQuery alerts dialog library from http://abeautifulsite.net/notebook/87 instead of the default alerts (which look pretty awful in my opinion). This seems to be a great library, but there is not an example of …

Read More
Confirm reload page with a custom dialog box inside onbeforeunload function. Code to be executed in the function onbeforeunload before box popsup

I want to show a confirm box when a user tries to reload a page. I have tried it in my project and it did not work. I have created a sample code of what i have tried and even …

Read More