AutoSave Data Form in jQuery Plugin – asdf.js

Form
Demo    Download
AutoSave Data Form in jQuery Plugin - asdf
File Size: 40.3 KB
Views Total: 834 views
Last Update:November 26, 2020
Publish Date: January 19, 2015
Official Website: Go to website
License: MIT
Plugin Author: jupegarnica

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

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.