Easiest way to create a confirmation message with jQuery/JavaScript?

Question

How can I achieve this?

A user clicks the delete link (with a class of "confirm").
Confirmation message appears asking "Are you sure?" with "Yes" and "Cancel" options.

If yes is selected, the link continues as clicked, but if cancel is selected, the action is canceled.

Update: Final working code with confirm() thanks to this guy:

$('.confirm').click(function() {
    return confirm("Are you sure you want to delete this?");
});

did you put it in a $(document).ready(){}?

helloandre
– helloandre

2009-12-04 00:52:42 +00:00
Commented Dec 4, 2009 at 0:52 — helloandre
– helloandre, Commented Dec 4, 2009 at 0:52
Yes, it's in my document ready.

Andrew
– Andrew

2009-12-04 00:56:59 +00:00
Commented Dec 4, 2009 at 0:56 — Andrew
– Andrew, Commented Dec 4, 2009 at 0:56

Joel · Accepted Answer · 2009-12-03 23:17:26Z

17

Javascript provides a builtin confirmation dialog.

if (confirm("Are you sure?"))
{
    // continue with delete
}

answered Dec 3, 2009 at 23:17

Joel

19.4k3 gold badges67 silver badges84 bronze badges

Sign up to request clarification or add additional context in comments.

7 Comments

Robert Harvey Over a year ago

Will give you OK and Cancel options.

Joel Over a year ago

@Robert: true, but the OP wants the "Easiest way". It's close.

Johrn Over a year ago

This is the easiest option, but remember that it is impossible to style the dialog at all. I'm not too familiar with jquery, but it looks like Robert already linked to a jquery plugin with styling options.

Andrew Over a year ago

Thanks, but can you also provide the code to disable the click so it doesn't continue after clicking cancel?

Joel Over a year ago

@Andrew: confirm() returns a boolean which matches the button selected. Just put whatever you want confirmed inside the if statement and will not execute if the user clicks cancel.

|

Andrew · Accepted Answer · 2012-08-24 16:47:29Z

3

in my experience this is the best and easiest way to have a confirmation!

<a href="#" onclick="return myconfirm()">Confirm</a>
<script>
function myconfirm()
{
    if(confirm('Are You Sure ...'))
        return true;
    return false;
}
</script>

edited Aug 24, 2012 at 16:47

Andrew

241k196 gold badges531 silver badges719 bronze badges

answered Aug 24, 2012 at 6:46

Nima Ghaedsharafi

4231 gold badge7 silver badges16 bronze badges

1 Comment

Andrew Over a year ago

an even easier way would be to use the return value of the confirm function: onclick="return confirm('Are you sure?')"

Collectives™ on Stack Overflow

Easiest way to create a confirmation message with jQuery/JavaScript?

2 Answers 2

7 Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

7 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related