양식 제출시 두 번 클릭 금지

Question

제출 버튼을 두 번 클릭하지 못하게하고 싶습니다.

내 코드는

...

onclick='this.style.visibility = "hidden";' 

하지만 난 잘못 항목을 입력하면 그것은 또한 숨겨진. 당신이 사용할 수

onclick="this.disabled=true;" 

을 더블 클릭 이벤트 :

는

ondblclick="this.disabled=true;" 

Answer 1

이 대신 사용 확인 잘못된 항목에 사용하려면 명확한. 하지만 내 이해를 바탕으로 아래 팁이 도움이 될 수 있습니다.

더블 클릭시 버튼을 비활성화하려면 .dblclick() jquery 이벤트에서 해당 코드를 작성할 수 있습니다. 유효성 검사 오류가 있으면 버튼을 다시 활성화하십시오. 이런 식으로 사용

Answer 2

귀하의 질문은 아닌 내가 더블 클릭 버튼을 비활성화하지만 버튼

Answer 3

jQuery.fn.preventDoubleSubmission = function() { 

var last_clicked, time_since_clicked; 

$(this).bind('submit', function(event){ 

if(last_clicked) 
    time_since_clicked = event.timeStamp - last_clicked; 

last_clicked = event.timeStamp; 

if(time_since_clicked < 2000) 
    return false; 

return true; 
}); 
}; 

:

질문에 충돌

$('#my-form').preventDoubleSubmission(); 

Prevent double submission of forms in jQuery