javascript 中为商店表单输入值设置 cookie 的问题

Question

我从网上获取了以下代码，

    var myValues = [];
for(i=0;i<inputs.length;i++) {
    validateEmail(inputs[i]);
    myValues.push(inputs[i].value);
}

// Save them fot later use
localStorage.myValues = JSON.stringify(myValues);

// After clicking the button you can retrieve them back
var oldValues = JSON.parse(localStorage.myValues);

我创建了简单的 asp 页面，

现在，如果我在输入一些输入值后单击下一步，它将转到下一页，然后再次单击返回，它不显示输入的输入值。

我需要证明这些价值观，我可以知道，我怎样才能实现这一目标提前谢谢。

这是工作的jsfiddle

我需要添加现有的 javascript 代码来实现我的需要。

但我很困惑，如何添加代码？

谁能帮帮我？提前致谢。

Answer 1

在页面加载时，您必须添加以下代码：

var $inputs = $(".input");
var myValues = localStorage.getItem("myValues") ? JSON.parse( localStorage.getItem("myValues") ) : [];
for(var i = 0; i < myValues.length; i++) {
     $inputs[i].value = myValues[i];   
}

这将确保在页面加载时，如果 localStorage 中存在任何数据，它将填充到相应的输入字段中。

现在当您点击 next 按钮时：

    $("#nextbutton").click(function () {
        var myValues = [],
            $inputs = $('.input');
        for (i = 0; i < $inputs.length; i++) validateEmail($inputs[i]);
        if ($('.invalid').length !== 0) return false;
        for (i = 0; i < $inputs.length; i++) {
            myValues.push($inputs[i].value)
        }
        localStorage.myValues = JSON.stringify(myValues);
    });

这个是用来在验证后将数据存储到localStorage中的。

javascript 中为商店表单输入值设置 cookie 的问题

Issues in setting cookies for store form input values in javascript

javascript

cookies