/form-saver

form save in localStorage and load

Primary LanguageTypeScriptMIT LicenseMIT

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>