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