Question

我从文本字段中获取值并将其存储在本地存储中，因为我需要在验证后将用户键入的相同值显示回文本字段。一旦存储了值，它就不会自行更新，因为每次我更改文本字段中的值时，我希望在本地存储中存储相同的值，但它只会将其存储为一个，并且每次存储时都显示相同的值第一次。

JSP

<s:textfield name="emailId" id="emailId" label="Email" cssClass="dataFieldCell3" value="%{#signerslist.email}"  />

JS

在本地存储中设置变量

function showEmail() {
    var email = document.getElementById("emailId").value;
    localStorage.setItem("invalidEmail", email);
}

获取它并在文本字段中将其分配回来

function emailValidationErrorMessage() {
    if('${emailValidationMessage}' !== "") {
        $("#Signers").show();
        var getEmailValue = localStorage.getItem("invalidEmail");
        document.getElementById("emailId").value = getEmailValue;
    }
}

请指导......

谢谢：）

Answer 1

...每当我更改文本字段中的值时，我希望存储本地存储中的值相同...

然后，showEmail函数需要设置为文本字段 change 事件的回调函数，以便localStorage成为每次用户更改文本字段中的值时都会更新。

document.getElementById("emailId").addEventListener("change", showEmail);

如何在本地存储JavaScript

1 个答案: