添加一个确认框以表示提交图像

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');
  }
}