JavaScript中div的onclick事件无法提交表单

Question

我有一个如下的表单：

<form action="saveorderdetails.php" id="submitForm" name="formsubmit" method="post">
    <input type="hidden" id="ordertabledetailshidid" name="ordertabledetailshid">
    <input type="hidden" id="datedetailshidid" name="datedetailshid">
    <input type="hidden" id="customerdetailshidid" name="customerdetailshid">
</form>

我有一个如下的

： 在这个

中，我有一个onclick()，用于提交表单。

<a href=""><div class="icon_boundary2" onclick="btn_save_click();"><i class="fa fa-check" style="font-size:20px;padding:4px 0px 5px 5px; color:#7298CD;"></div></a>

以下是我的JavaScript函数：

function btn_save_click(){
    document.getElementById("submitForm").submit();
}

但是页面没有被提交。相反，它在重新加载。我已经尝试了所有的替代方案，比如:

document.getElementById("submitForm").submit();

但是它们都无效了！！

- Santhucool

---

将其设置为<button type="submit" form="formSubmit">。不需要使用js。 - Al.G.

@AI.G 我不想要那个，我知道表单提交会起作用。我需要它以这种方式！！ - Santhucool

移除<a>标签，然后重试。 - Rajesh

Answer 1

只需删除锚点标签即可。应该像这样：

<div class="icon_boundary2" onclick="btn_save_click();"><i class="fa fa-check" style="font-size:20px;padding:4px 0px 5px 5px; color:#7298CD;"></div>

- Dhruv Ramani

---

谢谢伙计，它帮了我很大的忙。但是有没有办法在锚标签中也实现它呢？ - Santhucool

为什么需要一个空href属性的锚标签？ - Dhruv Ramani