How to enable onsubmit?

[ThorstenA]

This program toggles a script by pressing "1". The problem is, that everytime the key 1 is pressed, <form> is submitted. I want that the "onsubmit command" is running instead of submitting the form. Where is the error? The program should run as follow:

1. Keylogger checks if key 1 is pressed. When yes:
2. form is told to be submit itself
3. but form instead of submitting, is using the "onsubmit" command to run a script
4. the script tells the form "false" so the form is not submitted

Currently on (3) the form is always submitted.

<script language="javascript">
  YAHOO.namespace("example.keylistener");
  function init() {
    document.documentElement.focus();
    document.body.focus();
    var handler = function(type, args, obj) {
      document.myformtoggle.submit();}
    YAHOO.example.keylistener.kpl1 = new YAHOO.util.KeyListener(document, { keys:[49] },{ fn:handler } );
    YAHOO.example.keylistener.kpl1.enable();
    YAHOO.util.Event.addListener(window, "load", init);
</script>
<script type="text/javascript">
function toggle_mydiv() 
  {
    toggle_collapse('mydiv');
    return false;
  }  
</script>

HTML Code:

<form action="misc.php" method="POST" 
onsubmit="return toggle_mydiv()" name="myformtoggle">
<input type="hidden" name="do" value="updatestudy">
<input type="hidden" name="securitytoken" value="$bbuserinfo[securitytoken]">
</form>

--------------- Added [DATE]1250461967[/DATE] at [TIME]1250461967[/TIME] ---------------

I got the solution.

Problem is that Javascript does not execute onsubmit when javascript itself executes the form. It is only used when the user is submitting the form.

The solution is simple, change
document.myformtoggle.submit();}
to
document.myformtoggle.onsubmit();}