Capture form submit

[elliottmina]

I have a page that includes a form I cannot alter. I want to capture it's submission, and do some validation. My code works fine in Firefox, but nothing happens (not even an error) in IE.

if (window.addEventListener) window.addEventListener('submit', myFunction, true);
else if (window.attachEvent) window.attachEvent('submit',myFunction);

function myFunction(){
  alert('foo');
}

Suggestions? TIA

 

[tsuji]

>[tt]window.attachEvent('submit',myFunction);[/tt]
Replace it by attach to the definite form element. And the event in the ie event model is referred to as "onsubmit".
[tt]window.[red]document.forms[0].[/red]attachEvent('[red]on[/red]submit',myFunction);[/tt]

 

[tsuji]

Also, as a consequence, add the whole thing within a window.onload because you need to refer to specific elements.
[tt]
window.onload=function() {
if (window.addEventListener) {
window.addEventListener('submit', myFunction, true);
} else if (window.attachEvent) {
window.document.forms[0].attachEvent('onsubmit',myFunction);
}
}
[/tt]

 

[elliottmina]

Perfect! Thank you very much!