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

Tags: |
Nord VPN Sale

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

Similar Articles

2020 UseThisTip | Developed By Deepanker