Question

As title says, is there a way to send form when element outside of form is clicked? Plus, is it available without using form associated (button/input etc.) elements?

As example, can form be submitted when div is clicked?

Answer 1

Sure:

<form name="myForm" action="" method="post">
    <!-- form inputs go here -->
</form>

<div id="formSubmit"></div>

<script type="text/javascript">
    var myForm = document.forms['myForm'];
    var formSubmit = document.getElementById('formSubmit');

    formSubmit.onclick = function(){
        myForm.submit();
    }
</script>