jquery中的确认框答案

【问题标题】：Confirm box in jqueryjquery中的确认框
【发布时间】：2013-10-02 13:18:58
【问题描述】：

我是 jquery 的新手。基本上我想做的是，当用户单击#modquote 时，它将检查文本区域是否为空。如果没有，它会弹出确认框。如果用户单击 OK，它将继续下一步（第 9 行及以下），如果 CANCEL 则不会发生任何事情。我的问题是当确认框出现时，用户是否单击确定/取消没有任何反应。我只是想知道，我是否可以在 jquery 中使用确认框，或者我在某处错过了相同的代码？谢谢你的帮助..

    $( '#modquote')
  .click(function() {
    var msgrep = $('textarea#modrepmsg').val();
    if (msgrep != '')
    {
        confirm("test?");
        return true;
    }
    var comment = $('#repmsg').val();
    var regex = /<br\s*[\/]?>/gi;
    var quote = '>' + comment.replace(regex, "\n>") + '\n';
    //$("textarea#modrepmsg").html(comment.replace(regex, "\n "));
    //var quote = ">" + comment + "\n";
    //alert (quote);
    //var count = comment.length;
    $('textarea#modrepmsg').html(quote);
});

【问题讨论】：

你没有测试确认结果，反正只是返回。
@MelanciaUK 我认为confirm 会自动检测用户是否点击OK，然后返回true，如果点击CANCEL 则返回false。
它实际上是这样做的，但你也没有捕获结果或测试它。

标签： javascript jquery

【解决方案1】：

结合确认对话框和测试textArea不为空，比如

 $( '#modquote')
  .click(function() {
    var msgrep = $('textarea#modrepmsg').val();
    if (msgrep != '' && confirm("test?"))
    {
        var comment = $('#repmsg').val();
        var regex = /<br\s*[\/]?>/gi;
        var quote = '>' + comment.replace(regex, "\n>") + '\n';
        //$("textarea#modrepmsg").html(comment.replace(regex, "\n "));
        //var quote = ">" + comment + "\n";
        //alert (quote);
        //var count = comment.length;
        $('textarea#modrepmsg').html(quote);
    }
});

【讨论】：

【解决方案2】：

它非常简单，是的，这是可能的。这里有一个小技巧。只需使用 setTimeout 。如果用户单击离开按钮..选项卡将关闭，如果用户没有..然后会弹出一个警告框up.put 你的代码而不是警告框

var timeout;
$(window).on('beforeunload', function (){
    timeout = setTimeout(function() {
        alert('execute any function instead of me!!!!'); //all your validation stuff goes here
    }, 1000);
    return "exitinggggggggggggggggggggg";
});

sample fiddle

【讨论】：