Formulario que utiliza Local Storage para prevenir perdida de datos

(by: http://www.kabytes.com)

SisyPhus, es un pequeño código javascript que nos asiste en el uso de Local Storage, permitiéndonos guardar los datos ingresados de forma muy sencilla, previniendo posibles perdidas de información.

El uso de este tipo de soluciones tiene grandes ventajas, la principal, guardar la información ingresada utilizando para ello local storage. Imaginen el escenario de estar cargando un formulario muy extenso y accionar por accidente el refresco del navegador, o un caso más común, cerrar la pestaña por error. Utilizando local storage logramos que la información se guarde de forma persistente, de esta manera con tan solo acceder nuevamente al formulario nos encontraremos con toda la información cargada.

utilizar local storage en formularios

Utilizar local storage con Sisyphus:

$('form').sisyphus();

Con el código que inserte arriba vamos a lograr guardar toda la información del formulario de forma automática. También puede presentarse el caso de no querer guardar algunos campos por cuestiones de seguridad, para estas situaciones este plugin tiene algunos mecanismos sencillos, los mismos están detallados en la documentación, al igual que otras opciones interesantes. Los parámetros posibles de configuración son los siguientes:

{
        customKeyPrefix: '',
        timeout: 0,
        onSave: function() {},
        onRestore: function() {},
        onRelease: function() {},
        excludeFields: null
}

Como pueden ver, utilizar este plugin es muy simple, el resultado es muy bueno y útil. Actualmente local storage esta soportado correctamente por la mayoría de los navegadores modernos. En el sitio oficial del proyecto el soporte es brindado para los navegadores:Chrome 4+, Firefox 3.5+, Opera 10.5+, Safari 4+ e IE 8+.

Web: SisyPhus


original post: http://www.kabytes.com/programacion/formulario-que-utiliza-local-storage-para…

Anuncios

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

A %d blogueros les gusta esto: