Mensagem de confirmação não obstruciva com jquery

A dica de hoje é fazer uma confirmação não obstrusiva, ou seja, caso o usuário tenha desabilitado ou não tenha suporte a JS, funcionará do mesmo jeito.
Para fazer isso, iremos declarar que todos os links que possuam a classe “lnk-del”, terão uma confirmação antes de seguir para seus devidos links.
(quando clicado).

1
2
3
<a href="#" class="lnk-del">Item 1</a>
 
<a href="#" class="lnk-del">Item 2</a>

Nosso JS

1
2
3
4
5
6
7
8
9
10
 
$(document).ready(function(){
 
$(".lnk-del").click(function(){
	if (!confirm("Tem certeza que deseja apagar?")){
	        return false;
        }
});
 
});

Espero que tenham gostado da dica.
Até a proxima

One Response to “Mensagem de confirmação não obstruciva com jquery”

  1. Jonathan  on março 30th, 2010

    Não é macaco gordo, mas quebrou um galhão.

    valeuuu


Seu Comentário