Input Değerlerini Ön Belleğe Alma [ localStorage ]  

Bir form doldurma esnasında tarayıcının yanlışlıkla veya herhangi bir hata sonucu kapanması, ya da bir elektrik kesintisi durumunda, formda ki input değerlerinin silinmemesi ve korunması için güzel bir eklenti ile tanıştırıcam sizi.

Dilerseniz önce kodlarımızı görelim.

HTML

JAVASCRIPT

var inputstorage={
  save:function(e){
    $(e).keypress(function(a){
      var o=String.fromCharCode(a.keyCode);
      save=$(e).val(),
        save+=o,
        localStorage.setItem(e,save)
    })
  }
};

// For döngüsündeki "<" ibaresinde tırnakları siliniz.
$(document).ready(function(){
  for(i=0;i"<"localStorage.length;i++){
    var e=localStorage.key(i),
        a=localStorage.getItem(e);
    $(e).val(a)
  }
});

//Koruma altına alınacak inputlar
inputstorage.save(".test");

Koruma altına alacağımız input'un class ya da id'yi "inputstorage.save(".test");" (tırnaklar olmadan) javascript kodumuzun en altına ekliyoruz.

Butona tıklandığında koruma altına alınan içeriğimizin temizlenmesi için butona onclick="localStorage.clear()" komutunu vermemiz yeterlidir.

Demo için Buraya tıklayınız.