19

我有一个表单可以登录到一个网站，但不是我的，我希望它们通过 HTML5 本地存储保存在我的 web 中的表单数据。但不是如何。任何想法？我的表格是这样的：

<form action="http://issuefy.ca.vu/on/login.php" class="form-login"  method="post" /> 
<input name="email" type="email" id="email" required="" placeholder="Email" />
<input name="password" type="password" required="" placeholder="Contraseña" />
</form>
4

5 回答 5

51

LocalStorage 有一个 setItem 方法。你可以像这样使用它：

var inputEmail= document.getElementById("email");
localStorage.setItem("email", inputEmail.value);

当您想要获取值时，您可以执行以下操作：

var storedValue = localStorage.getItem("email");

也可以在按钮单击时存储值，如下所示：

<button onclick="store()" type="button">StoreEmail</button>

<script  type="text/javascript">
  function store(){
     var inputEmail= document.getElementById("email");
     localStorage.setItem("email", inputEmail.value);
    }
</script>
于 2013-06-13T13:14:24.447 回答
9

这是一个快速函数，它将 a 等的值<input>存储<textarea>在本地存储中，并在页面加载时恢复它。

function persistInput(input)
{
  var key = "input-" + input.id;

  var storedValue = localStorage.getItem(key);

  if (storedValue)
      input.value = storedValue;

  input.addEventListener('input', function ()
  {
      localStorage.setItem(key, input.value);
  });
}

您的输入元素必须具有id在此函数的所有用法中唯一的指定。正是这个id标识了本地存储中的值。

var inputElement = document.getElementById("name");

persistInput(inputElement);

请注意，此方法添加了一个永远不会删除的事件处理程序。在大多数情况下，这不会成为问题，但您应该考虑它是否会出现在您的场景中。

于 2017-09-20T13:48:00.923 回答
2

在这里，使用 JQUERY 的简单解决方案是这样的。

var username = $('#username').val();
var password = $('#password').val();
localStorage.setItem("username", username);
localStorage.setItem("password", password);
于 2018-12-20T13:10:06.500 回答
1

您可以使用 javascript 应用表单验证将表单数据保存在本地存储中。只需阅读这篇简单的文章 https://xeeratech.com/form-validation-in-javascript-and-store-form-data-in-localstorage/

于 2020-09-22T16:57:07.577 回答
0

要保存数据，您必须使用 localStorage.setItem 方法并获取数据，您必须使用 localStorage.getItem 方法。

于 2018-10-10T07:35:08.207 回答