JavaScript forme la soumission en utilisant une image ne fonctionne pas

Question

J'ai une forme que je veux utiliser un IMG, au lieu d'un bouton d'entrée, pour soumettre le formulaire.

Le code:

<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>

Quand je tape dans le champ de saisie et appuyez sur Entrée (sur mon clavier), la forme présente correctement. Mais, si je tape dans le champ de saisie et cliquez sur mon image bouton de soumission, rien ne se passe.

Toutes les idées pour lesquelles ma forme d'image Javascript soumettre ne fonctionne pas?

Answer 1

Remplacer ceci:

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

Avec ceci:

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

Utilisation Javascript pour avoir une image soumettre un formulaire est pas vraiment nécessaire ici que vous avez le type d'entrée d'image qui se comporte comme un bouton d'envoi. Cela permettra également de rendre le travail de navigation du clavier correctement et être ensemble beaucoup plus accessible.