A simple jQuery form cache plugin.

• Demo

Three quick start options are available:

• Download the latest release.
• Clone the repository: git clone https://github.com/fengyuanchen/formcache.git.
• Install with NPM: npm install formcache.

Include files:

<script src="/path/to/jquery.js"></script><!-- jQuery is required -->
<script src="/path/to/formcache.js"></script>

<form data-toggle="formcache"></form>

<form id="form"></form>

$('#form').formcache()

• Type: String | Number
• Default: ''

A special identification for the form cache, must be different to other forms in the same page.

By default, the form's index in the document will be used as the key.

• Type: Boolean
• Default: true

Store cache in localStorage.

• Type: Boolean
• Default: true

Store cache in sessionStorage.

• Type: Boolean
• Default: true

Update and store the cache automatically when a form control changed or before page unload.

• Type: Number
• Default: undefined

set the stored time (in seconds) of the caches, just like the max-age for cookie.

By default, the session caches will be cleared when the browser closes, and the local caches will be stored all the time.

Notes:

• session caches still will be cleared when the browser closes.
• local caches still will be cleared when the browser caches clears.

• Type: Array
• Default:

[
  'select',
  'textarea',
  'input'
]

A jQuery selectors array. Defines the form controls which need to be cached.

Note: All file inputs will be ignored always by default.

Get the default cache object or a special one.

Examples:

$().formcache('getCache')
$().formcache('getCache', 1)

Get all cache objects.

Examples:

$().formcache('getCaches')

Override the default cache object or add a new one.

Examples:

$().formcache('setCache', {})
$().formcache('setCache', 1, {})

Override the old caches with new caches.

Examples:

$().formcache('setCaches', [{}])
$().formcache('setCaches', [{}, {}])

Remove the default cache object or a special one.

Examples:

$().formcache('removeCache')
$().formcache('removeCache', 1)

Remove all cache objects.

Examples:

$().formcache('removeCaches')

Output the default cache object or a special one to the form.

The outputed cache object will be updated automatically when any form control changed.

Examples:

$().formcache('outputCache')
$().formcache('outputCache', 1)

Serialize the form and return a cache object.

Examples:

var cache = $('form').formcache('serialize');

$('form').formcache('setCache', cache);
$('form').formcache('setCaches', [cache, cache]);

Store all caches to sessionStorage or localStorage.

The plugin will do this automatically when a form control changed, or the window unloaded.

Clear all caches.

Destroy the formcache instance, but keep the caches.

If you want to remove all caches, you can call clear method first and then call the destroy method.

• Chrome 31+
• Firefox 31+
• Internet Explorer 8+
• Opera 26+
• Safari 5.1+
• iOS Safari 7.1+
• Android Browser 4.1+
• Chrome for Android 39+

As a jQuery plugin, you can reference to the jQuery Browser Support.

Released under the MIT license.