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

时间:2015-04-11 06:39:48

标签: javascript cookies

我从网上获取以下代码,

    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代码以满足我的需求。

但我只是困惑,如何添加代码?

任何人都可以帮助我吗?提前谢谢。

1 个答案:

答案 0 :(得分:0)

在页面加载时,您必须添加以下代码:

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中。