onsubmit event and .submit() function not the same?

[progman1010]

i have a script in which a button's onclick action submits a form: document.formname.submit(); but I also need to add an onsubmit='' action to the form itself. however, the button seems to supercede the form event and i can't get it to work. any ideas?

function progress_submit(id,formie) {
	document.getElementById(id).innerHTML='<img src=\'/images/ani_progress2.gif\' style=\'margin-left: 10px;\'>'
	document.getElementById(formie).submit();
}

<form action="<?=$action?>" method="post" name="formie" id='formie' onSubmit="return validate();">

<p style="float:left;" id="progress1">
	<input type="button" class="button" value="Next &gt;" onclick="progress_submit('progress1','formie');"/>
</p>
</form>

Specifically, the page is skipping the validate() function, which works fine when i click on an actual submit button (type=submit), but not through the code as shown above.

 

[tsuji]

If the validate() follows the common practice of returning false for the case validation fail, it can be realized like this.
[tt]
function progress_submit(id,formie) {
document.getElementById(id).innerHTML='<img src=\'/images/ani_progress2.gif\' style=\'margin-left: 10px;\'>'
[blue]var b=document.getElementById(formie).onsubmit();
if (b) {[/blue]
document.getElementById(formie).submit();
[blue]}[/blue]
}[/tt]

 

[progman1010]

that's true. i wasn't looking at it from that angle...

works like a charm!