Guardar cambios de formulario en almacenamiento local-formulario-almacenamiento

Vista prévia

Descripción

Form-Storage es una pequeña biblioteca de JavaScript para almacenar los valores actuales de los campos de formulario en el almacenamiento local para evitar la pérdida de datos.

Los valores guardados se restaurarán automáticamente en cualquier momento cuando sea necesario, como actualizar, próxima visita, etc.

See also:

• guardar la fecha del formulario en el almacenamiento web HTML5 â & #128; & #147; protector de formularios

Funcionamiento

Instale el formulario-almacenamiento a través de gestores de paquetes:

# Yarn
$ yarn add form-storage

# NPM
$ npm install form-storage --save

Importe la biblioteca como un módulo.

// ES 6
import FormStorage from 'form-storage';

O directamente incluir el archivo JavaScript ' Form-Storage. js ' en la Página Web.

<script src="form-storage.js"></script>

Aplique el formulario-almacenamiento a su formulario HTML.

var formStorage = new FormStorage('.js-form');
formStorage.apply();

Guarde el estado del formulario actual en el almacenamiento local.

formStorage.save();

Puede especificar una matriz de campos de formulario para incluir o excluir.

var formStorage = new FormStorage('.js-form',{


ignores: [],


includes: [],
});

Cree una casilla de verificación para guardar los datos antes de enviarlos.

<label>

<input type="checkbox" class="js-persist" />

Allow saving form-data to localstorage.
</label>

var formStorage = new FormStorage('.js-form',{


checkbox: '.js-persist'
});

Personalice el nombre localStorage.

var formStorage = new FormStorage('.js-form',{


name: 'form-storage'
});

Borre los datos almacenados.

formStorage.clear();

Registro de cambios

01/14/2018

• añadido getState y applyState medhod