in ,

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):


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
License: BSD License



Written by Deepanker

Deepanker Verma is the founder of Techlomedia. He is a tech blogger, developer and gadget freak.

Leave a Reply

Your email address will not be published. Required fields are marked *


Google Penguin update

Google Announced Penguin Update, Tips For Recovery

JavaScript Charting Library: awesomeChartJS