javascript - 如何不断更新本地存储中的数据 JavaScript

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

...every time I change the value in the text field I expect to store the same value in the local storage...

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

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