Question

I am using an image instead of a submit button for search option and use onclick events to load the results using ajax in php.Now I need to load results by hit enter also.Is their any ways to update my application without changing the image.

Thanks

Answer 1

Sure, add <input type="submit" style="display:none;" /> to the end of your form, should trick the browsers into allowing the Enter key to submit your form.

As far as getting the same functionality as your AJAX onclick event: You should be tying your ajax function to the <form>‘s submit event instead of the <input>‘s click event.

jsfiddle demonstration (uses jQuery for ajax ease, but your event doesn’t have to)