All Projects → appleple → Form Storage

appleple / Form Storage

Licence: mit
A JavaScript library stores the form-data to the localstorage so you don't have to fill the form again.

Programming Languages

javascript
184084 projects - #8 most used programming language
es6
455 projects

Labels

Projects that are alternatives of or similar to Form Storage

Use Clippy
React Hook for reading from and writing to the user's clipboard.
Stars: ✭ 139 (-7.33%)
Mutual labels:  npm
Mirai
The core for Mirai Bot v4 [Deprecated]
Stars: ✭ 142 (-5.33%)
Mutual labels:  npm
Lib React Hooks
General purpose React hooks library ⚛️
Stars: ✭ 145 (-3.33%)
Mutual labels:  npm
Cpf
🇧🇷 Validate, generate and format CPF numbers
Stars: ✭ 140 (-6.67%)
Mutual labels:  npm
Use Force Update
React Hook to force your functional component to update.
Stars: ✭ 142 (-5.33%)
Mutual labels:  npm
Modern Wasm Starter
🛸 Run C++ code on web and create blazingly fast websites! A starter template to easily create WebAssembly packages using type-safe C++ bindings with automatic TypeScript declarations.
Stars: ✭ 140 (-6.67%)
Mutual labels:  npm
Foxy
A fast, reliable, and secure NPM/Yarn bridge for Composer
Stars: ✭ 137 (-8.67%)
Mutual labels:  npm
Angular Tree Dnd
Display tree table (or list) & event Drap & Drop (allow drag multi tree-table include all type: table, ol, ul) by AngularJS
Stars: ✭ 146 (-2.67%)
Mutual labels:  npm
Verdaccio Gitlab
private npm registry (Verdaccio) using gitlab-ce as authentication and authorization provider
Stars: ✭ 142 (-5.33%)
Mutual labels:  npm
React Native Story
React native instagram story
Stars: ✭ 144 (-4%)
Mutual labels:  npm
Yerna
A Lerna-like tool for managing Javascript monorepos using Yarn
Stars: ✭ 140 (-6.67%)
Mutual labels:  npm
Tosin
Initialize a npm package with everything included, from CI to documentation website
Stars: ✭ 142 (-5.33%)
Mutual labels:  npm
Npm Publish
GitHub Action to publish to NPM
Stars: ✭ 141 (-6%)
Mutual labels:  npm
Tyrian
Full-featured TypeScript on JVM
Stars: ✭ 138 (-8%)
Mutual labels:  npm
Verdaccio
📦🔐 A lightweight Node.js private proxy registry
Stars: ✭ 12,667 (+8344.67%)
Mutual labels:  npm
Npm Webdav Server
WebDAV Server for npm
Stars: ✭ 138 (-8%)
Mutual labels:  npm
Node Docker Good Defaults
sample node app for Docker examples
Stars: ✭ 1,944 (+1196%)
Mutual labels:  npm
React Border Wrapper
A wrapper for placing elements along div borders.
Stars: ✭ 147 (-2%)
Mutual labels:  npm
Laravel Nuxt Js
Build a SPA with Laravel and Nuxt.
Stars: ✭ 146 (-2.67%)
Mutual labels:  npm
Klap
zero config, zero dependency bundler for tiny javascript packages
Stars: ✭ 143 (-4.67%)
Mutual labels:  npm

form-storage

A JavaScript library stores the form-data to the localstorage so you don't have to fill the form again.

Installation

via npm

npm install form-storage --save

via yarn

yarn add form-storage

via cdn

<script src="https://unpkg.com/[email protected]/build/form-storage.js"></script>

Usage

When using Browserify or Webpack.

import FormStorage from 'form-storage';

When you don't want to remember some fields, then you can specify the selectors like below.

const formStorage = new FormStorage('.js-form', {
  name: 'form-basic', // you can decide local-storage name 
  ignores: [
  '[type="hidden"]',
  '[name="policy"]'
  ]
});
// apply storaged data to the form.
formStorage.apply();
// save the form data to the storage.
formStorage.save();

When you just want to remember 'user-name' and 'user-email'

const formStorage = new FormStorage('.js-form', {
  name: 'form-basic',
  includes: [
  '[name="user-name"]',
  '[name="user-email"]'
  ]
});
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].