AutoSave Data Form in jQuery Plugin – asdf.js

Form
File Size: 40.3 KB
Views Total: 1849 views
Last Update:January 01, 1970
Publish Date: January 01, 1970
Official Website: Go to website
License: MIT
Plugin Author: jupegarnica
Demo    Download

asdf.js is a creative form of a jQuery plugin that spontaneously autosave data form of the user in quick time while using the local storage. Data can be retrieved anytime if you are accidentally close and refresh the tab or current page. This is such a time-saving jQuery plugin as well as speed up the process of filling the data. It saves all typed data automatically and there is no need to fill it again if any mishap happens.

How to use it :

  1. Just add them if your are not using them and init calling asdfasdf.js :
  <script type="text/javascript" src="js/jquery.min.js"></script>
  <script type="text/javascript" src="js/jquery.cookie.min.js"></script>
  <script type="text/javascript" src="js/asdfasdf.min.js"></script>
  <script type="text/javascript" >
        asdfasdf();
  </script>

2. asdfasdf is totally configurable passing a setting object when called :

asdfasdf({elements:'input.autosave'});

3. The default setting is :

var defaultsetting = {
        //show feedback when autosave data
        showFeedback: true,  

        //show feedback when autoload data
        showLoaded: true,     

        // feedback message properties
        msgLoadDataText: "Data Loaded",
        msgStyle: "position: fixed;top: 2em;color: white;background: tomato;right: 50%;transform: translateX(50%);width: auto;display: inline-block;padding: 0.5em;border-radius: 0.3em;text-transform: uppercase;",
        msgText: "auto saved",
        msgHide: 500,

        //Elements to be saved
        elements: 'input, textarea, select',

        //Time to keep the data
        expires: 2,
    }

Done

Thanks for make jQuery plugin is developed by jupegarnica For more Helpfull for users, please check the demo page or visit the official website.
List Of Version :

Kayla Matthews

Howdy! I'm a web designer and developer. I built CSS-Tricks, a website all about building websites, going strong for 5 years.

Related jQuery Plugins

You Might Also Like