Как правильно написать код для внесение данных из поля формы в LocalStorage с последующим использованием при перезагрузке страницы?

Question

[Capitan_S]

В целях изучения jQuery пытаюсь написать код для работы модального окна с формой, которое появляется и исчезает с помощью jQuery. Появление и исчезновение реализовал, а потом захотелось реализовать метод сохранения всего, что внесено в графе "Login", в localStorage, на случай незапланированной перезагрузки, и с последующим извлечением из localStorage в эту же графу, когда пользователь повторно откроет эту форму. Получилось, но хотелось бы узнать как сделать это более красиво и покороче. Можете подсказать, что в этом коде лишнее и как можно его переделать по другому?

$(function(){
    var storageLogin = localStorage.getItem('login'),
        writePopup = $('.i-write-us');

    var login;
    if (writePopup) {
        login = $("input[name='login']");
    }

    login.keyup(function() {
        localStorage.setItem('login', $("input[name='login']").val());
    });

    var email;
    if (writePopup) {
        email = $("input[name='email']");
    }

   $('.btn-write-us').click(function(event){
        event.preventDefault();
        writePopup.animate({ opacity: 'show' }, 'slow');
        if (storageLogin) {
            $("input[name='login']").val(storageLogin);
           email.focus();
        } else {
            login.focus();
        }
    });
    $('.i-write-us-close').click(function(event){
        event.preventDefault();
        writePopup.animate({ opacity: 'hide' }, 'slow');
    });
    $("input[type='reset']").click(function(){

        writePopup.animate({ opacity: 'hide' }, 'slow');
    });
    writePopup.keydown(function(event) {
        if ( event.which === 27 ) {
            writePopup.animate({ opacity: 'hide' }, 'slow');
        }
    });
});

Answer 1

[Alexander Tartmin]

login.keyup(function() {
        localStorage.setItem('login', $("input[name='login']").val());
    });

Вот в этом месте я бы довил задержку через setInterval что бы когда юзверь ввёл половину своего логина при перезагрузке у него не была абракадабра (вместо MyUsername > MyUsern etc). В остально вроде всё правильно на первый взгялд.

Comments

[Capitan_S]

Спасибо за совет.