form-storage icon indicating copy to clipboard operation
form-storage copied to clipboard

A JavaScript library stores the form-data to the localstorage so you don't have to fill the form again.

form-storage

A JavaScript library stores the form-data to the localstorage so you don't have to fill the form again.

Installation

via npm

npm install form-storage --save

via yarn

yarn add form-storage

via cdn

<script src="https://unpkg.com/[email protected]/build/form-storage.js"></script>

Usage

When using Browserify or Webpack.

import FormStorage from 'form-storage';

When you don't want to remember some fields, then you can specify the selectors like below.

const formStorage = new FormStorage('.js-form', {
  name: 'form-basic', // you can decide local-storage name 
  ignores: [
  '[type="hidden"]',
  '[name="policy"]'
  ]
});
// apply storaged data to the form.
formStorage.apply();
// save the form data to the storage.
formStorage.save();

When you just want to remember 'user-name' and 'user-email'

const formStorage = new FormStorage('.js-form', {
  name: 'form-basic',
  includes: [
  '[name="user-name"]',
  '[name="user-email"]'
  ]
});