Auto Save Forms Data On Browser Before submission: jQuery Plugin

Suppose you are filling a form and browser crashes, or you closed tab mistakenly. In this case you need to open the form and fill it again. There may be many cases when you will have to fill the form again because form data is lost if browser is closed. Do you want to resolve this problem for your website visitors.

You can solve this problem by creating a form which autosave form data into client’s browser which can later restored.

Sisyphus.js is a nice jQuery plugin which adds a gmail like cleint side drafts feature to forms on the website. This plugin is lightweight (3.5 KB) and prevent your work being lost. But it works on modern web browser which supprts HTML5.

Auto Save Forms Data On Browser Before submission: jQuery Plugin

It is really easy to use. You need to select forms in the function which you want to protect:

$(‘#form1, #form2’).sisyphus();

Or protect all forms on page (for this page these two variants are equal):

$(‘form’).sisyphus();

It also allows users to customize many options such as timeout, onSave, onRestore and some other.

Browser supported

  • Chrome 4+
  • Firefox 3.5+
  • Opera 10.5+
  • Safari 4+
  • IE 8+ (6 & 7 with jStorage on page loaded before Sisyphus)

Requirements: PHP 5.2+, jQuery UI
Demo: http://elfinder.org/
License: BSD License

advertisement

About The Author

  • ADD YOUR COMMENT

Subscribe To Our Newsletter

Subscribe To Our Newsletter

Receive fresh web design resources and SEO tips in your email by our weekly newsletter

You have Successfully Subscribed!