onSubmit returning false is not working

return onsubmit
StuckOnSubmit picture StuckOnSubmit · Mar 30, 2010 · Viewed 58.8k times · Source

I'm completely confused ... I'd swear this was working yesterday ... I woke up this morning and all my forms stopped to work in my project.

All the forms have a "onsubmit" to a function that returns false since it's an ajax call, so the form is never sent.

After a lot of tests, I simplified the question to this piece of code:

<html>
<head>
<script type="text/javascript">
 function sub()
 {
  alert ("MIC!");
  return false;
 }
</script> 
</head>
<body>

<form method = "post" id = "form1" onsubmit = "return sub()">
 input: <input type="text" name="input1" >
    <a href="#" onClick="document.getElementById('form1').submit();">button</a> 
</form>

</body>
</html>

I would swear that this works perfectly, but today is nor working :D

Why if I press the button the form is sent ?

I know it's a total newbie question, but I'm stuck

Thank you !

Answer

Andy Shellam picture Andy Shellam · Mar 30, 2010

Browsers do not call the onSubmit event on the form if you call submit() programmatically.

Related questions

Form OnSubmit to wait jQuery Ajax Return?

I want to trigger $.ajax on form onsubmit and return true only after Ajax return is something valid. For example: <form id="myForm" onsubmit="return ajaxValidation();"> <input id="myString" name="myString" type="text" /> <input type="…

Read More
How do I return multiple values from a function?

The canonical way to return multiple values in languages that support it is often tupling. Option: Using a tuple Consider this trivial example: def f(x): y0 = x + 1 y1 = x * 3 y2 = y0 ** y3 return (y0, y1, y2) However, this quickly …

Read More
Return multiple values in JavaScript?

I am trying to return two values in JavaScript. Is this possible? var newCodes = function() { var dCodes = fg.codecsCodes.rs; var dCodes2 = fg.codecsCodes2.rs; return dCodes, dCodes2; };

Read More