Javascript 添加确认框以使用图像提交表单

Javascript 添加确认框以使用图像提交表单,javascript,php,forms,Javascript,Php,Forms,我正在使用图像提交表单。但我无法在提交前让表单显示确认对话框 我通常使用onClick()进行此操作,但现在我使用它进行提交时,它对我有效 是否有任何方法使其工作,以便在提交前显示确认框 <form style="margin-bottom: 0px;" method="post"> <input type="hidden" name="doc_to_delete" value="{$documents[sec1].doc_id}" /> <img src="../

我正在使用图像提交表单。但我无法在提交前让表单显示确认对话框

我通常使用
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>

不要在提交按钮中提交

而是使用
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>

当我单击时,它不会检查
onsubmit()
。它只是立即提交。
有控制台错误吗?是否从图像中删除了单击处理程序?顺便说一下,应该是
`我没听清楚那部分。现在工作得很有魅力:)谢谢你,不用客气。有关完整代码和内联事件处理程序的替代方案,请参见更新
window.onload=function() { 
  document.getElementById("form1").onsubmit=function() {
    return confirm('Are you sure');
  }
}