如何使用javascript单击DIV提交表单？

我正在使用以下HTML：

<form action="/User/Account/LogOff" id="logoutForm" method="post">
   <button class="float-left submit-button" title="Logoff">Logoff</button>
</form>

注销

我想用以下内容代替：

<form action="/User/Account/LogOff" id="logoutForm" method="post">
   <div class="button" id="logout" title="Logout">
      <span>Logout</span>
   </div>
</form>

注销

有没有一种方法可以让我点击div#注销并将其用作表单的提交？我看到这个链接：

<a href="javascript:document.getElementById('logoutForm').submit()">Logout</a>

---

但是像我这样的一个DIV我怎么能做到呢？

把这个添加到你的DIV中：

   <div class="button" id="logout" onclick="javascript:document.getElementById('logoutForm').submit();" title="Logout">

---

如果不使用任何客户端验证，只需使用提交按钮即可。这很好，不要使用不必要的js，因为注销时您甚至需要表单。它可以是一个链接。您可以在此链接中尝试解决方案。不要将

javascript:

前缀放在

onXXX

属性中。这仅适用于

href

链接。

   <div class="button" id="logout" onclick="submitForm()" title="Logout">

 function submitForm()
 {
      document.getElementById('logoutForm').submit();
 }