Question

I have a strange problem where an onclick event on an input image is being fired when i hit enter in input text box

<form id="MyForm" action="/someaction">

<input type="image" src="someimage.jpg" onclick="doStuff();$('#MyForm').submit();" />

<input type="text" name="textInput"/>

</form>

When the cursor is in the text box and i hit enter, rather than the form being submitted it calls the onclick event on the image input.

Any ideas whats going on ?

Answer 1

The onclick event is fired on input images when you hit enter. I’d wrapping an <img> in an <a>, as since you’re separately calling submit(), the input element is made redundant.