点击按钮显示弹出框，是/否选项。 jquery/HTML

Question

我点击一个按钮id="contact-submit"我的脚本运行，它发送一条消息松弛。

我想要的是用户点击按钮后我想要一个弹出框显示问你确定吗？是/否

Yes = Sends the message as it does now 
No = Closes the popup with no action 

任何人都帮我出去我一直在努力几个小时！

HTML

<button name="submit" type="submit" id="contact-submit" data-submit="...Sending">Log</button> 

脚本

$(document).ready(function(){ 
     $('#contact-submit').on('click',function(e){ 
      e.preventDefault(); 
      var url = 'https://hooks.slack.com/services/xxxxxxxxxxxxxxxxxxxxxxxxxx' 
      var text = 'Some Text Here' 
      $.ajax({ 
       data: 'payload=' + JSON.stringify({ 
        "text": text 
       }), 
       dataType: 'json', 
       processData: false, 
       type: 'POST', 
       url: url 
      }); 
     }); 
    }); 

Answer 1

您可以使用JavaScript的默认confirm弹出这样的：

if(!confirm("Are you sure?")) 
    return false; 

请参见下面的演示：

$(document).ready(function() { 
 
    $('#contact-submit').on('click', function(e) { 
 
    e.preventDefault(); 
 
    if(!confirm("Are you sure?")) 
 
     return false; 
 
    var url = 'https://hooks.slack.com/services/xxxxxxxxxxxxxxxxxxxxxxxxxx' 
 
    var text = 'Some Text Here' 
 
    $.ajax({ 
 
     data: 'payload=' + JSON.stringify({ 
 
     "text": text 
 
     }), 
 
     dataType: 'json', 
 
     processData: false, 
 
     type: 'POST', 
 
     url: url 
 
    }); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<button name="submit" type="submit" id="contact-submit" data-submit="...Sending">Log</button>