JavaScript -Formular, das mit einem Bild übermittelt wird, funktioniert nicht

Question

Ich habe ein Formular, das ich anstelle einer Eingabetaste verwenden möchte, um das Formular einzureichen.

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

Wenn ich das Eingangsfeld eingeben und die Eingabetaste (auf meiner Tastatur) drücke, reicht das Formular korrekt ein. Wenn ich jedoch das Feld Eingabe eingeben und auf die Schaltfläche "Image Senden" klicke, passiert nichts.

Irgendwelche Ideen, warum mein JavaScript -Bildformular nicht funktioniert?

Answer 1

Ersetzen Sie dies:

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

Mit diesem:

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

Die Verwendung von JavaScript, um ein Bild ein Formular einzureichen, ist hier nicht wirklich erforderlich, da Sie den Bildeingangstyp haben, der sich wie eine Sendel -Schaltfläche verhält. Dies wird auch die Tastaturnavigation ordnungsgemäß funktionieren und insgesamt viel zugänglicher.