20. März 2023

Formulareingaben lokal speichern

Mit folgendem JavaScript/jQuery-Code lassen sich Formulareingaben lokal speichern und müssen somit beim nächsten Aufruf der Seite nicht erneut eingegeben werden.

var pageid = window.location.href.replace(/[^a-z\d]+/gi, "");

$('.form-control').keyup(function() {
    localStorage.setItem('inputstorage['+pageid+']', JSON.stringify( $('.form-control').serializeArray() ));
});

$('.form-control').each(function(i) {
    var jsonObj = $.parseJSON(localStorage.getItem('inputstorage['+pageid+']'));
    $(this).val(jsonObj[i].value);
});Code-Sprache: JavaScript (javascript)

Demo:

Dieser Code sollte logischerweise nicht für sensible Daten oder Passwörter genutzt werden, da die Daten im Klartext im localStorage des Browsers gespeichert werden.