Comment puis-je faire un clic sur un DIV soumettre mon formulaire en utilisant javascript?

Question

J'utilise le code HTML suivant:

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

je voudrais remplacer par:

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

Est-il possible que je peux attraper un clic sur la div # fermeture de session et l'utiliser comme un soumettre pour le formulaire? J'ai vu ceci pour un lien:

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

Mais comment pourrais-je le faire pour un DIV comme le mien?

Answer 1

Ajouter ceci dans votre DIV:

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

EDIT 1: Merci de remarquer.

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

Javascript:

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