javascript html 使用 webstorage 保存表单答案

【问题标题】：javascript html saving forms with webstoragejavascript html 使用 webstorage 保存表单
【发布时间】：2015-03-01 16:43:55
【问题描述】：

我想使用 webstorage :sessionStorage 来保存表单记录。当用户提交表单时，我必须打印所有提交的表单值。这是我的代码：

<!DOCTYPE html>
<html>
<head>
<script>
    function validateForm() {
        //some checks here....   

        if(!sessionStorage.getItem("mainForm")) {
            sessionStorage.setItem("mainForm", 0);
        }
        else {
            mainForm = sessionStorage.getItem("mainForm");
        }
        mainForm++;
        sessionStorage.setItem("mainForm",document.getElementById("id"));
        var text = "";
        var i;
        for(i = 0; i < sessionStorage.length; i++) {
            text += "Course id is" + i + "<br>";
        }
        document.getElementById("print").innerHTML = text;
    }
</script>
</head>
<body>
<form name="mainForm" onsubmit="validateForm()">
<input type="text" name="id" maxlength="7" required>

<input type="submit" value="Register">  
<p id="out" style="color:red"></p>
<p id="print"> </p>
</form> 

</body>
</html>

上面的代码不起作用。你能解释一下怎么做吗？

【问题讨论】：

标签： javascript html forms web-storage

【解决方案1】：

mainForm 仅在 if 语句的一个分支中定义。你可以去掉这一行周围的 else 部分：

mainForm = sessionStorage.getItem("mainForm");

也许像 JSFiddle 这样的东西。但是，我不确定您的代码应该做什么。

【讨论】：

很抱歉这么晚才回答，我遇到了一些互联网连接问题。我找到了解决问题的方法，只需使用一个计数器变量并在每次提交表单时递增它。