點擊按鈕顯示彈出框，是/否選項。 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>