jquery .submit return false 항상 작동하지 않음

Question

나는 이전에 related question에게 물었습니다. 그러나 지금 응답해야하는 질문은 약간의 특정 탄젠트가있는 것 같아서 새로운 질문을하는 것이 더 좋을 것이라고 생각했습니다.

페이지의 모든 Ajax 호출이 성공적으로 반환 될 때까지 양식 제출을 방지하려고합니다.

나는 이것에 대한 간단한 테스트를했다. (호출이 시작될 때 카운터에 1을 더하고, 성공하면 1을 빼기). 카운터가 0에 도달 할 때까지

// can we submit yet? 
    $('#checkoutform').submit(function() { 
    if (ajaxcallcounter == 0) { 
     return true; 
    } 
    return false; 
    }); 

가 양식 제출을 방지하기 위해 (모든 호출이 완료)하지만 어떤 이유로이 100 % 효과가 보이지 않는다 :

나는 내가 할 수 있어야 보라.

이 붉은 청어하지만 통화가 맥 사파리를 사용하고 완료하기 전에 체크 아웃 관리 한 고객의 모든 보고서

(이것은 단지 비록 우연의 일치 일 수) 경우 나도 몰라 here 코드를 볼 수 있습니다. 배송 국가를 변경하여 일부 ajax 호출을 시작하십시오. 카운터가> 0 인 동안 오른쪽 하단의 제출 버튼을 사용 중지해야합니다.

Answer 1

var ajaxcallcounter = 0; 당신의 기능 밖에서. 자바 스크립트 파일의 맨 위에 넣으면 global variable이됩니다.

일반적으로 전달을 중지하여 이벤트를 완벽하게 제어 할 수 있습니다. 각 이벤트 처리기에는 일반적으로 "e"또는 "이벤트"로 정의되는 암시 적 매개 변수가 있으며 이에 대한 preventDefault()를 호출 할 수 있습니다.

$('#checkoutform').submit(function(e) { 
    e.preventDefault(); 
    if (ajaxcallcounter == 0) { 
     return true; 
    } 
    return false; 
    });