5 jQuery Autosave Plugins


jQuery autosave is used to save the progress of forms by saving to cookie or database. It adds interval checking and execution to forms. In this list below is 5 of jquery autosave plugins.

1. jQuery autosave plug-in

Autosave is designed to save the progress of forms by saving the fields to cookies so you won’t lose anything should anything go wrong. The plug-in saves the form fields at certain intervals (the default is every 10 seconds) and whenever you leave the page. The plug-in was written with work-intensive forms in mind, such as a blog article writing form.

source | demo

2. jquery-autosave

The jQuery.autosave plugin automatically and unobtrusively saves form data based on a set of critera. Saving can be broken down into a simple five step process:

A trigger callback begins the saving process.
The scope of form inputs is narrowed appropriately.
A dataset is created using those inputs.
The current state of the plugin is tested against a series of conditions.
If those conditions pass, we save the data using any number of methods.

This plugin works strictly with forms and form inputs of any type. Any other elements fed to the plugin will be ignored. Currently, if you wish to autosave data on a per form basis, you should attach a separate instance of the plugin to each form.

source | demo

3. Sisyphus.js

Imagine you’re filling a complex form on site, or typing effervescent and extensive comment. And when you’re almost done with that browser is crashed, or you closed tab mistakenly, or electricity is turned off, or something else break your efforts. Disgusting, huh?

With Sisyphus on site you just reopen page in your modern (with HTML5 support) browser and see all your changes at that forms. It’s lightweight (3.5 KB) jQuery plugin uses Local Storage to prevent your work being lost. And Sisyphus is easy to use and needs you just to select forms to protect

source | demo

4. jQuery autosave

seem to have come across quite a few queries about using this autosave plugin. So, here’s an explanation… Let’s start with the form – I’m using php to retrieve data from a database and display it in a form for editing. To make the demo worthwhile I’ve added various input elements

source | demo

5. jQuery Autosave

A plugin for jquery that adds interval checking and execution to forms. This plugin can be used to support an autosave functionality to forms on a web application.

source | demo