erknrio
2/8/2016 - 11:28 AM

Guardar los datos de un formulario mediante javascript y sessionstorage. Los datos se borran al cerrar la pestaña o navegador. Si quieres qu

Guardar los datos de un formulario mediante javascript y sessionstorage. Los datos se borran al cerrar la pestaña o navegador. Si quieres que permanezcan cambiar sessionStorage por localStorage. Con local se almacenan en el dispositivo local hasta 5MB.

save_form_value.js
content_copyfile_download
/*
* Funcion que guarda los datos del formulario de la página actual.
* string  notGetThisNames Establece los elementos que no se usaran aunque tengan atributo name (default: "meta")
* return  nothing
*/
function saveForm(notGetThisNames) {
  var $formNames;
  notGetThisNames = notGetThisNames || "meta";
  $formNames = $("[name]").not(notGetThisNames);

  $.each($formNames, function (key, value) {
    var name = $(value).attr("name");
    // Rellenar formulario
    if (sessionStorage.getItem(name) !== null) {
        $(value).val(sessionStorage.getItem(name));
    }
  });

  $formNames.on("change", function (ev) {
    // Guardar datos del formulario cuando cambian
    sessionStorage.setItem($(ev.currentTarget).attr("name"), $(ev.currentTarget).val());
  });
}

saveForm();