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.
Emre Acar
5 yıl önceEmre merhaba; oldukça sağlıklı bir yönteme benziyor, sanırım 5 MB'lık bir depolama limitimiz var diye biliyorum ancak bu hafızaya alınan değerleri ne kadar uzun saklıyor bilgin var mı ?
Emre Ceyhan | Admin
5 yıl önceMerhaba, Local storage yani yerel depolama durumu cookie gibi çalışır.Bazı farklarını söyleyecek olursak, Local Storage daha hızlı ve daha güvenlidir.Bunun hakkında bir makale yazacağım en kısa sürede.
Tarayıcı çerezlerini temizleyene kadar gitmezler.