添加確認框以提交圖像

Question

我正在使用圖像提交表單。但是我無法在提交之前讓表單顯示確認對話框。

我通常使用onClick()這個，但現在，因爲我用它來提交它現在爲我工作。

有沒有辦法讓它工作，以便它在提交之前顯示一個確認框？

<form style="margin-bottom: 0px;" method="post"> 
<input type="hidden" name="doc_to_delete" value="{$documents[sec1].doc_id}" /> 
<img src="../images/action_images/delete.jpg" style="height: 20px;" title="Delete Document" onclick="submit();"/> 
</form> 

Answer 1

不要在提交按鈕提交

而是使用onsubmit="return confirm('Are you sure')"

這樣

<form id="form1" onsubmit="return confirm('Are you sure')" style="margin-bottom: 0px;" method="post"> 
<input type="hidden" name="doc_to_delete" value="{$documents[sec1].doc_id}" /> 
<input type="image" src="../images/action_images/delete.jpg" style="height: 20px;" title="Delete Document" /> 
</form> 

更好

不具有內聯代碼：

window.onload=function() { 
    document.getElementById("form1").onsubmit=function() { 
    return confirm('Are you sure'); 
    } 
}