نموذج 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 أن يكون لديك صورة إرسال نموذج ليس ضروريا حقا هنا حيث يكون لديك نوع إدخال الصورة يتصرف كزر إرسال. هذا سيجعل أيضا تنقل لوحة المفاتيح يعمل بشكل صحيح وأن يكون أكثر سهولة في الوصول بشكل عام.