Zapobieganie utracie danych formularza przez nawigację od strony

Question

Tworzę datagrid z setkami wierszy, które zawierają pole wyboru w każdym wierszu, aby użytkownik mógł wybrać element z siatki.

Teraz użytkownik może spędzić dużo czasu, filtrując/przeszukując sieć i zaznaczając wymagane pola wyboru, tylko po to, aby przypadkowo nacisnąć klawisz Backspace na klawiaturze lub kliknąć hiperłącze na stronie. A oni straciliby wszystkie zaznaczone pola wyboru.

Dlatego chcę wprowadzić pewne funkcje, w przypadku zaznaczenia co najmniej jednego pola wyboru, a jeśli użytkownik niechcący wykona czynność, która oddzieliłaby go od strony, wyświetli się komunikat potwierdzenia JavaScript, aby powiadomić użytkownika to.

Pola wyboru będą należeć do tej samej grupy, na przykład będą nazywane "produktami".

Czy to w ogóle możliwe?

Answer 1

Występuje zdarzenie beforeunload, które występuje, gdy użytkownik odejdzie: http://jsfiddle.net/FprNV/1/.

Zwrócenie ciągu znaków powoduje wyświetlenie komunikatu z dwoma przyciskami (pozostań/nawiguj); Dokładna implementacja tego okna dialogowego jest różna w różnych przeglądarkach.

$(window).bind('beforeunload', function() { 
    var checkboxcount = $("input:checkbox:checked").length; 
    if(checkboxcount > 0) { 
     return 'Are you sure?'; 
    } 
});