[javascript] form input box double submit, 엔터 중복 처리 방지

[javascript] form input box double submit, 엔터 중복 처리 방지


* INPUT BOX에서 엔터 입력시 submit이 2번 발생

* 원인 : FORM 태그 내에 <input type=”text” /> 박스가 1개이면서
form의 속성에 name=”” 을 명시했을 경우 엔터키를 입력하면 form submit가 자동 발생한다.

이때 추가로 script로 keyup이나 keydown을 이용하여 엔터 키코드를 확인 후 다시
form.submit을 처리하는 함수를 이용할 경우 2번 submit가 발생하게 된다.



* Solutions1
    form 태그에 <form  onsubmit=”return false;” >..</form>
-> 1번의 경우 form의 submit를 모두 막는것으로 상황에 따라 form submit는 사용할 수 없다.
-> 상황에 따라 return false가 아닌 원하는 script funtion를 호출하여 처리할 수 있다.
    <form  onsubmit=”return goFunction();” >..</form>

* Solutions2
    empty input add
    빈 input 태그를 하나 더 추가 : <input type=”text” style=”display:none;”/>