<input type="image"> not listening to javascript!

[michaellunsford]

When I submit an empty search field, I get the error popup, but the stupid thing submits anyway. Could alert() be returning true when I click okay?


[code]<form action="search.html" method="post" id="quick_search" onsubmit="submit_check();";>
<input name="quick_search" type="text" class="textfield" onfocus="smarter_field()" onblur="smarter_field()" size="16" />
<input type="image" id="quick_search_06" src="/images/quick_search_06.jpg" onmouseover="this.src='/images/quick_search_a_06.jpg'" onmouseout="this.src='/images/quick_search_06.jpg'" />
</form>[/code]

[code]
function submit_check() {
mml=document.forms['quick_search'].elements['quick_search'];
if(mml.value=='') {
alert('Please enter a value');
return false;
} else return true;
}
[/code]

[fenway]

Very strange... you can't be getting into both control paths.

[michaellunsford]

After removing that loose semi-colon from the <form> tag, the page validates as xhtml 1.1. To add to the confusion, neither Safari nor FireFox is reporting any javascript error.

[nogray]

change the submit event in the form tag to
[code]
onsubmit="return submit_check();">
[/code]

this will return the function result to the submit event.

[michaellunsford]

yep. I knew it was something stupid.

Thanks!

[fenway]

Silly... should've caught that one.