Local Storage

Store and retrieve local storage data

by vishwackh89

HTML

<form id="localStorageTest" method="post" action="">
    <label>Name:</label>
    <input type="text" name="name" id="name" class="stored" value="" />
    <br/>
    <label>Email:</label>
    <input type="email" name="email" id="email" class="stored" value="" /><br/>
    <label>Message:</label>
    <textarea name="message" id="message" class="stored"></textarea>
    <br/>
    <input type="submit" class="demo-button" value="Submit" />
</form>

JavaScript

//Garlic.JS
/*
    function init() {
        if (localStorage["name"]) {
            $('#name').val(localStorage["name"]);
        }
        if (localStorage["email"]) {
            $('#email').val(localStorage["email"]);
        }
        if (localStorage["message"]) {
            $('#message').val(localStorage["message"]);
        }
    }
    init(); */

(function() {
//Storing all from feilds data to local storage
$('.stored').change(function () {
    localStorage[$(this).attr('name')] = $(this).val();
});
//once submit clear local storage
$('#localStorageTest').submit(function() {
    localStorage.clear();
});
//Set stored Data to from
$.each($(‘input,textarea’), function() {
if(localStorage[$(this).attr('name')]) {
$(this).val(localStorage[$(this).attr('name')]);
}
}); 

});