@superwallaby/form-saver

form-saver

form data save and load through localStorage

• Typescript support
• Small dependencies

Usage

<form id="example">
  <input name="whatever" />
  <textarea name="textArea"></textarea>
  <input name="checkBox" type="checkbox" />
  <select name="selectBox">
    <option value="1">1</option>
    <option value="2">2</option>
  </select>
</form>

const myFormSaver = new window.FormSaver({
  formId: 'example',
  saveKey: 'post',
});

function save() {
  myFormSaver.saveData();
}

function load() {
  myFormSaver.loadData();
}

Args

Name	Meaning	Type	require
formId	DOM form ID target of Management	string	True
saveKey	Save Key save for localStorage	string	True
onSave	When form saved (Message will be override)	()=>void	False
onCover	When try to save in same key (Message will be override)	()=>void	False
onError	When error (Message will be override)	()=>void	False
onError	When form saved (Message will be override)	(e:Error) => void	False

Methods

saveData (key?:string) => void

will save data in localStorage

loadData (key?:string) => void

will load data from localStorage and give values in form

AMD

<script src="https://superwallaby-public-libs.s3.ap-northeast-2.amazonaws.com/form-saver/latest/index.js"></script>