이미지를 사용하여 제출하는 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를 사용하여 이미지를 양식에 제출할 필요는 없습니다.이렇게 하면 키보드 탐색이 제대로 작동하고 전반적으로 훨씬 더 쉽게 접근할 수 있습니다.