HTML form에서 submit버튼 중복 방지

form을 써서 DB에 글을 등록하는 것을 구현했다.

하지만, 테스트중에 습관적으로 세번을 클릭했더니 동일한 게시물이 세번 등록되는것을 알게 되었다.

즉, submit 버튼이 중복된다는 것이다. 이것을 어떻게 막을 수 있을까?

안드로이드에서 했던 기억을 되살려보면 boolean값을 이용하여 중복을 막을 수 있다.

기본값을 false로 두고, true일때 submit을 진행하고 false로 변경한다.

그 다음에 false에 return을 해버리면 영영 중복을 못 하게 된다.

코드로 보면 다음과 같다..

var submitted = false;    

if(!submitted) {

    Editor.save(); // 다음에디터를 사용하는 코드(이 부분에서 전송 코드를 작성한다)

    submitted = true; // true로 값을 바꾼다.

  } else {

    return;

  }

이렇게하면 한 번 클릭시 boolean값이 변하기때문에 간단히 중복을 막을 수 있다.