Javascript 单击按钮时未提交表单

我正在尝试按按钮提交表单，但希望用户确认他是否确定。 我有多个提交按钮的形式，我只想弹出的情况下删除。 当我提交按钮类型时。如果我确认，我的表单会提交两次，否则它会提交一次（我不希望在这种情况下提交）

我在页面上有多个表单。这就是为什么我试图提交表单获取父节点，而不是使用getElementbyId

JavaScript函数

function deleteEvent(btn){
      var confirmed=confirm('Do you want to delete the event?');
      if(confirmed){
          var f = btn.parentNode;
          f.submit();
          }
      else{
          return false;
          }
    }

HTML代码

<form action="#" method="POST">
<input type="button" name="delete" value="Delete" onClick ="deleteEvent(this)">
</form>

谢谢

工作解决方案：

<input type="submit" name="delete" value="Delete" onClick ="return confirm('Do you want to delete the event?');">

试试这个

如果按钮类型为提交，请使用onclick=“return deleteEvent（this）；”

<input type="submit" name="delete" value="Delete" onclick="return deleteEvent(this);">

如果输入类型为“提交”，则它将继续，除非您使用event.preventDefault或任何其他方法停止表单提交。这就是我将其设置为“按钮”类型的原因，但是我不能提交它。你可以为表单放置一个ID，并使用它来提交它，而不是使用parent@Varada但是我得到了表单对象，那么提交应该有效吗？我在运行时生成多个类似的表单，所以无论如何，我只能从button的父级找到“表单”。