• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

HTML Formular zur späteren Bearbeitung zwischenspeichern

Joseliese

Neues Mitglied
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
 
Werbung:
Werbung:
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?
 
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">
 
Zuletzt bearbeitet:
Werbung:
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
 
Zurück
Oben