본문 바로가기
자바스크립트 - Javascript

javascript로 form 태그 연속 submit 방지 코드, 중복 submit 방지

by devscb 2023. 11. 1.
반응형

전체 코드

var isSubmit = false;
function doubleSubmitCheck(form, e){
    e.preventDefault();
    if(isSubmit){
        return false;
    }else{
        form.submit();
        isSubmit = true;
        return true;
    }
}
<form onsubmit="doubleSubmitCheck(this, event);">
<input type="text" />
<input type="submit" />
</form>

설명

  1. 먼저, submit이벤트가 들어오면 preventDefault()로 form 태그의 기본 event를 중지시킵니다.
  2. (else부분 설명) submit을 하고, isSubmit 변수값을 true로 바꿔서 submit이 되었다고 체크합니다.
  3. (if부분 설명) 만일 submit이 한번 된 상태라면 submit을 따로 수행하지 않습니다.

#Javascript

 

https://devscb.com/post/191

 

Code example for preventing form tag double submission using Javascript

true

devscb.com

 

 

728x90
반응형

댓글