Strategien zur Erhaltung von Formulardaten (beim Schließen von Tabs/Browsern)

Question

Ich habe ein Problem mit einer Aufgabenverwaltungsanwendung, bei der es vorkommt, dass Benutzer ihre Browser/Tabs schließen und die von ihnen eingegebenen Informationen verloren gehen, weil sie versehentlich einen Browser/Tab schließen, was zum Verlust des eingegebenen Textes führt (und einige können eine halbe Stunde mit der Eingabe von Text verbringen).

Also muss ich eine Lösung anbieten, ich habe ein paar Ideen, wollte aber wissen, welche die beste ist, oder wenn Sie eine bessere Lösung haben, lassen Sie es mich wissen.

Option 1:

• Auf der window.onunload oder möglicherweise window.onbeforeunload Ereignis einen confirm()-Dialog aufrufen und zunächst testen, ob der Aufgabenprotokollbereich Text enthält und nicht leer ist. Wenn er nicht leer ist, rufen Sie window.confirm() und fragen, ob der Benutzer die Registerkarte/das Fenster schließen möchte, ohne ein Protokoll zu speichern.

Bei Option 1 habe ich die Befürchtung, dass sie für den Benutzer zu aufdringlich sein könnte.

Option 2:

• Rufen Sie bei demselben Ereignis kein confirm() auf, sondern speichern Sie stattdessen den Text im Aufgabenprotokollbereich zwangsweise in einem Cookie. Bieten Sie dann möglicherweise eine Schaltfläche an, die versucht, gespeicherte Aufgabeninformationen aus dem Cookie auf derselben Seite wiederherzustellen, so dass ein Klick auf diese Schaltfläche die Cookies analysiert und die Informationen abruft.

Answer 1

Das Ereignis window.onbeforeunload funktioniert ein wenig seltsam. Wenn Sie einen Handler dafür definieren, zeigt der Browser eine allgemeine Meldung über den Verlust von Daten an, indem er von der Seite weg navigiert, wobei der String, den Sie von der Handler-Funktion zurückgeben, in die Mitte der Meldung eingefügt wird. Siehe hier:

Alt-Text http://img291.imageshack.us/img291/8724/windowonbeforeunload.png

Was wir also tun: Wenn wir wissen, dass etwas auf der Seite ungespeichert ist, setzen wir:

window.onbeforeunload = function(){
 return "[SOME CUSTOM MESSAGE FROM THE APP]";
}

und sobald der Benutzer speichert und wir wissen, dass wir ihm die Nachricht nicht mehr zeigen müssen, setzen wir:

window.onbeforeunload = null;

Es ist zwar ein wenig aufdringlich, aber besser, als wenn Ihre Benutzer versehentlich Daten verlieren.

Answer 2

Ich würde AJAX-Frameworks für den jeweiligen Webserver/die jeweilige Sprache, die Sie verwenden, untersuchen. AJAX würde es Ihnen ermöglichen, Formulardaten zu speichern, während sie eingegeben werden (so funktioniert beispielsweise Google Docs).

Answer 3

Wenn der Benutzer so dumm ist, weg zu navigieren, bevor er das, was er getan hat, abschickt, dann sollte er sich nicht daran stören, dass er gefragt wird, ob er etwas tun will, was offensichtlich dumm ist.

Außerdem verwendet SO einen Bestätigungsdialog, wenn man wegfährt, und die meisten (einige) Benutzer hier sind ziemlich schlau.

Dies ist am einfachsten zu handhaben und hilft den Nutzern wahrscheinlich mehr.

Wenn jemand einen langen Text schreibt und dann den Browser schließt, ohne ihn abzuschicken, ist er vielleicht lieber bereit, das Problem an Ort und Stelle zu lösen, als am nächsten Morgen festzustellen, dass er es nicht getan hat...