在提交表單之前添加確認提醒

Question

我有一個允許用戶從數據庫中刪除一些數據的表單。

我想進行一些確認以防止意外刪除。我想要做以下事情：

1. 當按下提交時，警報彈出「你確定嗎？」
2. 如果用戶點擊「是」，則運行腳本
3. 如果用戶點擊「否」，則不要提交腳本。

這怎麼辦？

我已添加onSubmit提醒，但它不顯示任何內容，但它仍提交表單。我怎樣才能延遲表單的提交只發生在用戶從警報中選擇「是」時？

<form method="POST" action="actions/remove-daily-recipient.php" onSubmit="alert("Are you sure you wish to delete?");"> 

Answer 1

相反的alert，你必須使用confirm和return

onSubmit="return confirm('Are you sure you wish to delete?'); 

Answer 2

停止默認行爲，要求確認，然後提交表單：

var form1 = document.getElementById('form1'); 
form1.onsubmit = function(e){ 
    var form = this; 
    e.preventDefault(); 
    if(confirm("Are you sure you wish to delete?")) 
     form.submit(); 
} 

JS小提琴：http://jsfiddle.net/dq50e963/

Answer 3

表單上，你可以嘗試像一個js函數：

<form onsubmit="return submitResult();"> 

和你的功能有點像？

function submitResult() { 
    if (confirm("Are you sure you wish to delete?") == false) { 
     return false ; 
    } else { 
     return true ; 
    } 
} 

我認爲這將是一個好的開始。