javascript html使用webstorage保存表单

javascript html saving forms with webstorage

本文关键字：保存 表单 webstorage 使用 html javascript      更新时间：2023-09-26

我想使用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>

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

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

mainForm = sessionStorage.getItem("mainForm");

也许在这个JSFiddle里有类似的东西。但是，我不确定您的代码应该做什么。

相关文章：