JavaScript o jQuery "Sei sicuro?" dialogo per il collegamento <A>?

Question

ho un link nel mio HTML:

<a href="/DoSomethingDangerous">do something dangerous</a> 

Visitando il link DoSomethingDangerous provoca un'azione non facilmente reversibile a verificarsi.

Quindi dopo aver fatto clic sul collegamento, desidero visualizzare una finestra di dialogo (ad esempio "Sei sicuro?" "OK" "Annulla") e se l'utente fa clic su Annulla il collegamento non viene visitato e il browser rimane alla stessa pagina.

Qual è la tecnica più pulita che utilizza Javascript o jQuery per implementare questo?

Answer 1

Suggerisco di utilizzare la finestra di dialogo dell'interfaccia utente jQuery modal-confirmation - http://jqueryui.com/demos/dialog/#modal-confirmation.

Answer 2

Penso che la soluzione più semplice sarà

<a href="/DoSomethingDangerous" onclick="if (!confirm('Are you sure?')) return false;">Link test</a>

Answer 3

<a class="confirm" href="/DoSomethingDangerous">do something dangerous</a> 

javascript:

$(function() { 
    $('.confirm').click(function(e) { 
     e.preventDefault(); 
     if (window.confirm("Are you sure?")) { 
      location.href = this.href; 
     } 
    }); 
}); 

o ancora più semplice:

$(function() { 
    $('.confirm').click(function() { 
     return window.confirm("Are you sure?"); 
    }); 
}); 

Il nativo di dialogo Conferma ca non essere in stile. Se si desidera che lo stile, allora si potrebbe utilizzare jQuery.UI.dialog

Answer 4

$('a').click(function(e) 
{ 
    if(confirm("Are you sure?")) 
    { 
     alert('navigate!'); 
    } 
    else 
    { 
     e.preventDefault(); 
    } 
}); 

Demo: http://jsfiddle.net/PDj9H/

Answer 5

Se sappiamo che la funzione DOM window.confirm() rendimenti booleano true su "sì" e false su "no", il nostro link potrebbe essere semplificata un po ':

<a href="/DoSomething" onclick="return confirm('Are you sure?');">Link</a>