Façon la plus simple pour créer un message de confirmation avec jQuery/JavaScript?

Comment puis-je y parvenir?

  1. Un utilisateur clique sur le lien supprimer (avec une classe de "confirmer").
  2. Message de Confirmation s'affiche pour vous demander "Êtes-vous sûr?" par "Oui" et "Annuler".

Si oui est sélectionné, le lien continue comme cliqué, mais si annuler est sélectionné, l'action est annulée.

Mise à jour: Finale code de travail avec confirm() grâce à ce mec:

$('.confirm').click(function() {
    return confirm("Are you sure you want to delete this?");
});
avez-vous le mettre dans un $(document).prêt(){}?
Oui, c'est dans mon document de prêt.

OriginalL'auteur Andrew | 2009-12-03

  1. 17

    Javascript fournit une interface de dialogue de confirmation.

    if (confirm("Are you sure?"))
{
    //continue with delete
}
    Vous donnera OK et Annuler les options.
    ne peut pas faire mieux pour la facilité.
    La réponse la plus simple est généralement le bon 🙂
    vrai, mais l'OP veut le "plus Simple". Il est proche.
    C'est l'option la plus facile, mais n'oubliez pas qu'il est impossible de style de la boîte de dialogue. Je ne suis pas trop familier avec jquery, mais il semble que Robert déjà lié à un plugin jquery avec style les options.

    OriginalL'auteur Joel

  2. 2

    dans mon expérience, c'est la plus simple et la meilleure façon d'avoir une confirmation!

    <a href="#" onclick="return myconfirm()">Confirm</a>
<script>
function myconfirm()
{
    if(confirm('Are You Sure ...'))
        return true;
    return false;
}
</script>
    une manière plus simple serait d'utiliser la valeur de retour de la confirmation de la fonction: onclick="return confirm('Are you sure?')"

    OriginalL'auteur Nima Ghaedsharafi

  3. -1

    J'ai mis en œuvre avec succès la boîte de confirmation dans Jquery. assurez-vous que la bibliothèque Jquery et css INCLUS dans votre code avant de les essayer( jquery-ui-1.8.16.la coutume.css, jquery-1.6.2.js,jquery-ui-1.8.16.custom.min.js).
    La PRINCIPALE DIFFÉRENCE ENTRE JAVASCRIPT BOÎTE de confirmation ET CETTE ZONE QUE l'ON crée à l'AIDE de DIV - EST - ce- JAVASCRIPT CONFIRMER VAIS ATTENDRE POUR la SAISIE de l'UTILISATEUR, lorsque l'UTILISATEUR SAISIT OUI/NON pour LA PROCHAINE LIGNE SERA EXECUTE, ICI VOUS AVEZ À FAIRE QUE DE OUI, OU PAS de BLOC --**LA PROCHAINE LIGNE DE CODE APRÈS LA showConfirm() exécute immédiatement* donc soyez prudent

    /** add this div to your html

    */

    var $confirm;
var callBack;
var iconStyle = '<span class="ui-icon ui-icon-alert" style="float:left; margin:0 7px 50px 0;"></span>';
var messageStyleStart = '<span align="center" style="font-family:arial, verdana, sans-serif;font-size:9.3pt;">';
var messageStyleEnd = '</span>';
$(document).ready(function(){
$('#confirmDialog').dialog({
autoOpen: false,
modal: true
});
//jquery confirm box -- the general alert box
$confirm = $('<div  style="vertical-align:middle;"></div>')
.html('This Message will be replaced!')
.dialog({
autoOpen: false,
modal: true,
position: 'top',
height:300,
width: 460,
modal: true,
buttons: {
Ok   : function() {
$( this ).dialog( "close" );
if(null != callBack)
callBack.success();
},
Cancel: function() {
$( this ).dialog( "close" );
if(null != callBack)
callBack.fail();
}
}
}); 
});
function showConfirm(message,callBackMe,title){
callBack = null;
$confirm.html(""); //work around
$confirm.html(iconStyle + messageStyleStart +message + messageStyleEnd);
if(title =='undefined'|| null ==title)
$confirm.dialog( "option", "title", "Please confirm" );
else
$confirm.dialog( "option", "title", title);
var val = $confirm.dialog('open');
callBack = callBackMe;
//prevent the default action
return true;
}
//Now for calling the function 
//create a Javascript/jSOn callback object 
var callMeBack = {
success: function()
{   //call your yes function here                                  
clickedYes();
return;
},
fail: function (){
//call your 'no' function here
clickedNo();
return ;
}
};
showConfirm("Do you want to Exit ?<br/>"+
,callMeBack1,"Please Answer");

    OriginalL'auteur Vins