UI Form Storage

Описание

Данный jQuery плагин представляет собой функционал, который применяется к форме и позволяет сохранять данные, которые ввел пользователь на форме в localStorage

Быстрый старт

В простейшем использовании достаточно воспользоваться следующим кодом:


    $(selector).UIFormStorage()

Где selector - селектор описывающий ноду, которая содержит input'ы, select'ы

Отслеживаемые инпуты или селекты должны иметь уникальный data-id аттрибут, по которому они будут сохраняться в localStorage

Данное условие позволяет сочитать на формы сохраняющиеся и не сохраняющиеся элементы. (например, пароль)

Пример

Данный компонент удобно применять на формы:


    $('.test-form').UIFormStorage();

Получим:

Форма с регистрацией

Select one

Select multiple

CheckBox

First Second Third

Radio button

First Second Third

Параметры

В качестве параметров можно воспользоваться определением следующих пользовательских функций:


    onSave {Function} - функция-обработчик после сохранения данных в localStorage - принимает DOM ноду, в которой произошли изменения
    onLoad {Function} - функция-обработчик после загрузки данных на форму
    onReset {Function} - функция вызываемая после очищения localStorage

Методы

Расширяет методы jQuery. Определяет 2 метода:


    UIFormStorage - непосредственно запускает отслеживание состояния инпутов и их сохранение
    UIFormStorageClear - очищает localStorage от сохраненных данных