Отправка формы JavaScript с использованием изображения не работает

Question

У меня есть ФОРМА, в которой я хочу использовать IMG вместо кнопки ввода для отправки формы.

Код:

<form>
    <input class="form_grey" value="Enter in City or Zipcode" type="text" id="city-field" name="city" onfocus="this.value='';" />
    <a href="javascript:document.form.submit()"><img src="/images/btn.png" /></a>               
</form>

Когда я ввожу текст в поле ввода и нажимаю ENTER (на моей клавиатуре), форма отправляется правильно.НО, если я введу текст в поле ввода и нажму кнопку отправки моего изображения, ничего не произойдет.

Есть идеи относительно того, почему моя отправка формы изображения Javascript не работает?

Answer 1

Замените это:

<a href="javascript:document.form.submit()"><img src="/images/btn_search_listings.png" /></a>  

С этим:

<input type="image" src="/images/btn_search_listings.png" />

Использование Javascript для отправки изображения в форму здесь на самом деле не обязательно, поскольку у вас есть тип ввода изображения, который ведет себя как кнопка отправки.Это также улучшит работу навигации с клавиатуры и сделает ее гораздо более доступной в целом.