Jquery Confirm function in anchor tag

Question

Normally when click anchor tag it redirects to some url which is given inside the "href" attribute. Is there is any possiblity here for confirmation. When we click anchor tag it shows confirmation "Are you sure want to continue" if we clicked "yes" it gets redirect to that url which is given inside "href". if we click "no" it remains in same page. Please share any ideas you might have.

Look at this: http://stackoverflow.com/questions/1289234/alerts-when-navigating-away-from-a-web-page — Hrishi, Aug 06 '13 at 11:11

score 44 · Accepted Answer · answered Aug 06 '13 at 11:07

44

Try this

<a href="http://www.google.com" onclick="return confirm('Are you sure?')" >click here</a>

answered Aug 06 '13 at 11:07

Satpal

132,252
13
159
168

score 5 · Answer 2 · answered Aug 06 '13 at 11:08

5

You could do something like:

$('a').click(function(){
    return confirm('Are you sure want to continue?');
});

Therefore if the user click's cancel you return false and the link won't send you anywhere.

answered Aug 06 '13 at 11:08

putvande

15,068
3
34
50

score 3 · Answer 3 · answered Aug 06 '13 at 11:08

3

Try

<a href="www.anysite.com" onclick="return confirm('Are you sure?')">Any site</a>

answered Aug 06 '13 at 11:08

Khadim Ali

2,548
3
33
61

score 3 · Answer 4 · answered Aug 06 '13 at 11:12

You can do this by using below html link and jquery code. Don't forget to include Jquery library from http://jquery.com.

<a href="go.html?id=22" class="confirm">Go>></a>

<!-- Include jQuery - see http://jquery.com -->
<script type="text/javascript">
    $('.confirm').on('click', function () {
        return confirm('Are you sure want to continue?');
    });
</script>

score 2 · Answer 5 · answered Aug 06 '13 at 11:08

2

Yes

$('a').click(function(){
    return confirm('do you want to proceed')
})

answered Aug 06 '13 at 11:08

Arun P Johny

384,651
66
527
531

score 1 · Answer 6 · answered Aug 06 '13 at 11:11

1

$('a').click(function(){return confirm('sure?')})

answered Aug 06 '13 at 11:11

Samuel

2,106
1
17
27

score 1 · Answer 7 · answered Aug 06 '13 at 11:15

1

If you want a stylish box, jQuery has a Dialog Widget. This is the link to the widget's API: Dialog Widget - Open content in an interactive overlay.

I would use it as part of my confirm().

answered Aug 06 '13 at 11:15

Aviv Shaked

762
3
8

Here is a nice tutorial on jQuery-style Dialog Boxes: http://savage.net.au/jQuery-tutorials/html/dialog.boxes.html – Aviv Shaked Aug 06 '13 at 11:17

Jquery Confirm function in anchor tag

7 Answers7