提出時にフォームの自動保存をオフにする

Question

電子メールを作成するフォームでは、タイマーを使用して変更を自動保存します。これは正常に動作します。しかし、フォームが提出されると、特にIE11でレースが行われるようです。送信時に、送信が行われる前に自動保存をオフにします。本番環境では、ドラフトを保存してフォームを送信するためにサーバーへの同時呼び出しが行われます。

var timeoutId; 
var deleted = false; 

// setup a call to onFormChange when a change happens 
$('form input, form textarea').on('input propertychange change', function() { 
    onFormChange(); 
}); 

function onFormChange() { 
    // call saveDraft 1 second after changes happen 
    clearTimeout(timeoutId); 
    timeoutId = setTimeout(function() {saveDraft();}, 1000); 
} 

// saveDraft saves the current form state in the draft. 
function saveDraft() { 
    if (deleted == true) { 
    // don't save because we're done 
    return; 
    } 
    var fromval = $("#from").val(); 
    var subject = $("#subject").val(); 
    var body = $("#body").val(); 

    // 
    // upload is done here using $.post() 
    // 
} 

$('form').submit(function(e){ 
    // stop saving drafts when we do a submit 
    deleted = true; 
    if($(this).hasClass('form-submitted')){ 
    e.preventDefault(); 
    return; 
    } 
    $(this).addClass('form-submitted'); 
}); 

Answer 1

フォームを送信するときにタイマーを停止します。

$('form').submit(function(e){ 
    // stop saving drafts when we do a submit 
    deleted = true; 
    if($(this).hasClass('form-submitted')){ 
    e.preventDefault(); 
    return; 
    } 
    $(this).addClass('form-submitted'); 
    clearTimeout(timeoutId); 
});