Nie pytaj potwierdzić, jeśli użytkownik przesyła formularz

Question

Korzystam z następującego kodu JavaScript, aby ostrzec użytkownika, jeśli próbuje przekierować na inną stronę bez przesyłania formularza.

window.onbeforeunload = function() { 
    return 'Are you sure that you want to leave this page?'; 
}; 

Działa to dobrze. Ale mój problem pojawia się, gdy użytkownik, który próbuje przesłać formularz przy użyciu przycisku potwierdzenia, pojawi się. Nie chcę pytać o potwierdzenie, jeśli użytkownik przesyła formularz, w przeciwnym razie chcę poprosić o potwierdzenie. Jak to jest możliwe?

Answer 1

Zachowaj zmienną stanu. gdy użytkownik kliknie przycisk przesyłania ustaw stan na userSubmitted=True;
Zmienna stanu może zawierać zmienną globalną lub ukrytą kontrolę.

var userSubmitted=false; 

$('form').submit(function() { 
userSubmitted = true; 
}); 

następnie sprawdzić jak ten

window.onbeforeunload = function() { 
    if(!userSubmitted) 
     return 'Are you sure that you want to leave this page?'; 
}; 

PS: krzyżak Sprawdzanie zgodności onbeforunload krzyżowej przeglądarce.

Answer 2

Proste.

Wystarczy mieć zmienną globalną

var can_leave = false; 

na formularzu:

$('form').submit(function() { 
... 
... 
can_leave = true; 
}); 

A wewnątrz uchwytu onbeforeunload() mieć to:

window.onbeforeunload = function() { 
if (!can_leave) return 'Are you sure that you want to leave this page?'; 
};