HTML Formular zur späteren Bearbeitung zwischenspeichern

[Joseliese]

Hallo liebes Forum,

ich suche nach dem Best Practice für folgendes Problem:
Wenn ein Formular ausgefüllt wird, soll es möglich sein, den aktuellen Stand lokal zu sichern, um diesen zu einem späteren Zeitpunkt (Tagen) aufrufen und fortsetzen zu können. Welches wäre in diesem Fall die beste Herangehensweise?
Sessions und Cookies scheinen ja nicht geeignet.

Liebe Grüße

 

[nu.tella]

Sessions geht auf keinen Fall, Cookies schon

 

[Tronjer]

Wenn es einfach gehen soll, localStorage.
https://developer.mozilla.org/en/docs/Web/API/Window/localStorage

 

[Joseliese]

Vielen Dank für die Rückmeldungen...das Problem, das ich bei den Cookies sehe ist, dass die Nutzer diese nicht sichern müssen, die Funktion also gar nicht gegeben ist. Kann ich Cookies erzwingen?

@Trojaner: Wie würde sich denn das Handling von localStorage gestalten. Was ich bisher in der Doku gelesen habe, scheint das wirklich meine gesuchte Funktion zu sein. Kann ich die Daten, die so gesichert werden auch wieder abrufen und den Formular-Elementen zu ordnen?

 

[Joseliese]

Nachtrag:

Ich habe die Sicherung mit LocalStorage umgesetzt, jetzt taucht bei der Sicherung der Radiobuttons ein faszinierender Fehler auf:

Die Speicher-Funktion funktioniert, der Wert wird in den Storage geschrieben. Genau SO lang, bis der gesicherte Wert abgerufen wird. Ab dann kann der Wert des Radiobuttons im Storage nicht mehr überschrieben werden...

//SPEICHERUNG

function save() {

//Radiobuttons

var g1 = document.querySelector('input[name=erarbeiten]:checked').value;

localStorage.setItem("g1", g1);
}

//WERTE LADEN

function reload(){

// Radiobuttons
var G1 = document.getElementsByName('erarbeiten');

var val1 = localStorage.getItem('g1');

for (var i = 0; i < G1.length; i++) {
if (G1.value == val1) {
G1.checked = true;
}
}

}

EDIT:
Bezug zu den Radiobuttons

<input type="radio" id="erarbeiten" name="erarbeiten" value="Ja">
<input type="radio" id="erarbeiten2" name="erarbeiten" value="Nein">

 

[Tronjer]

Was steht denn in G1 bzw. G1.length?

 

[Joseliese]

der Vollständigkeit halber: in G1 werden die Inhalte der Radiobuttons gesichert. Ich habe allerdings meinen Fehler ein paar Zeilen weiter unten gefunden, dort gab es fälschlicherweise den Aufruf

document.getElementById("erarbeiten").value = localStorage.getItem("g1");

Der oben gezeigte Quelltext funktioniert also problemlos ;D

 

[Tronjer]

Hätte mich jetzt auch gewundert, wenn sich ein localStorage key nicht überschreiben ließe.