Question

Currently, I am using an with ajax to update my mysql. Now, I have to click on the button with the mouse for it to work (I am using onclick), but how can I make it accept the “enter” button? My guess is… Enter isn’t working because isn’t there. If I leave it there, my ajax just doesn’t move.

Answer 1

Use a <input type="submit> instead of a <button> or type="button" and then hook into the forms’ onsubmit event.

For example:

<form action="#" onsubmit="alert('Hello world!'); return false">
<input type="text" name="myText" id="myText" />
<input type="submit" value="Submit" />
</form>

The return false ensures that the browser doesn’t actually submit a form.