저장 버튼 더블 클릭, 중복 클릭 방지

1. Image Button 경우

<img id=”save” name=”save” src=”save.png” onclick=”javascript:save(); this.style.visibility=’hidden’; ” >

이렇게 하면, 버튼을 클릭함과 동시에 버튼 이미지가 보이지 않게 되어 버립니다. 물론 자바스크립트 함수인 save() 안에서 함수 종료 처리 전에, 다시 이미지 버튼을 보이도록 처리를 해주어야 합니다.

2. input Button 경우

<input type=”button” onClick=”javascript:save(); this.disabled=true; ”>

이번 경우에는 input 타입으로 된 버튼으로 클릭하면 곧바로 사용 불가능한 버튼으로 변경되며, 자바스크립트 save() 함수 내부에서 다시 disabled 를 풀어주는 처리를 해주셔야 합니다.

3. Script 처리법

<script type="text/javascript">

<!--

var delay = 1000;

var submitted = false;

function submitCheck() {

  if(submitted == true) { return; }

  document.frm.button.value = '전송중';

  document.frm.button.disabled = true;

  setTimeout ('submitForm()', delay);

  submitted = true;

}

function submitForm(){

  document.frm.action = "http://www.webmadang.net";

  document.frm.submit();

}

//-->

</script>

<form name="frm" method="post">

<input type="button" name="button" value="전송" onclick="submitCheck();">

</form>