Conservar el estado del formulario en el almacenamiento web al enviar-FormPersistence. js

Vista prévia

Descripción

La biblioteca JavaScript de FormPersistence. js almacena automáticamente el estado del formulario actual en el almacenamiento web que admite la persistencia localStorage y sessionStorage.

Funcionamiento

Descargue e importe el FormPersistence. js en el documento.

<script src='form-persistence.js'></script>

Adjunte FormPersistence. js al formulario HTML de destino. Esto almacenará automáticamente los datos del formulario en el localStorage en el envío del formulario.

window.addEventListener('load', () => {

let form = document.getElementById('myForm')

FormPersistence.persist(form)
})

Almacene los datos del formulario mediante localStorage (valor predeterminado) o sessionStorage.

// default
FormPersistence.save(form)

// use sessionStorage
FormPersistence.save(form, useSessionStorage)

Restaure los datos del formulario en la próxima visita.

// default
FormPersistence.load(form)

// use sessionStorage
FormPersistence.load(form, useSessionStorage)

Borre los datos del formulario guardados.

// default
FormPersistence.clearStorage(form)

// use sessionStorage
FormPersistence.clearStorage(form, useSessionStorage)

Almacene formularios en ubicaciones que no sean de almacenamiento Web.

FormPersistence.serialize(form)
FormPersistence.deserialize(form, data[, valueFunctions])

Registro de cambios

04/09/2019

• Agregar FormPersistence. Serialize y FormPersistence. unserialize permitirá a los usuarios almacenar formularios en ubicaciones que no sean de almacenamiento Web.