使用jQuery / JavaScript创建确认消息的最简单方法？

Question

我怎样才能做到这一点？

1. 用户单击删除链接（具有“确认”类）。
2. 出现确认消息询问“你确定吗？” “是”和“取消”选项。

如果选择“是”，则链接会在单击时继续，但如果选择“取消”，则会取消操作。

更新：最后的工作代码与confirm()感谢这个家伙 ：

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

Answer 1

Javascript提供内置确认对话框。

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

Answer 2

根据我的经验，这是获得确认的最佳和最简单的方法！

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

Answer 3

我已成功在Jquery中实现了确认框。 在尝试此操作之前，请确保您的代码中包含Jquery库和css INCLUDED（jquery-ui-1.8.16.custom.css，jquery-1.6.2.js，jquery-ui-1.8.16.custom.min。 JS）。 我们创建使用DIV的JAVASCRIPT CONFIRM BOX和这个盒子之间的主要区别 - 是 - JAVASCRIPT CONFIRM将等待用户输入，在用户输入之后是/否下一行将执行，这里你必须做，是或否BLOCK - ** showConfirm（）之后的下一行代码将立即执行 *所以要小心

/** 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");