Question

我试图使用以下方法将表单数据从一个网页发送到另一个网页： Passing data from one web page to another

我粘贴了我创建的函数的javascript代码：

function store(){
            window.localStorage.setItem("name",document.getElementById("name").value);
            window.localStorage.setItem("email",document.getElementById("email").value);
            window.localStorage.setItem("tele",document.getElementById("tele").value);
            window.localStorage.setItem("gender",document.getElementById("gender").value);
            window.localStorage.setItem("comment",document.getElementById("comments").value);
            window.location.href = "contact.html";
        }

但问题是window.location.href无效，网页未重定向。

我已经看到控制台出错了，但是没有。

任何人都可以告诉故障在哪里？

编辑1：验证功能：

function validate(){
            var comment = document.getElementById("comments").value;
            var gender = document.getElementById("gender").value;
            var len = comment.length;
            if (len > 100)
            {
                alert("Reduce the length of the comment less than 100 characters");
            }
            else if (gender == "Select Gender")
            {
                alert("Please Select a gender");
            }
            else {
                store();
            }
        }

表格的HTML：

<form class="form-horizontal" role="form">

提交按钮：

<input type="submit" id="submit" value="Submit" onclick="validate()">

Answer 1

看看这个plunker：

https://plnkr.co/edit/P4XqhYciFxZeYlRbWXtd?p=preview

<form class="form-horizontal" role="form">
      <textarea rows="4" cols="50" id="comments" placeholder="Enter comments"></textarea>
      <br />
      <select id="gender">
        <option value="Select Gender">Select Gender</option>
        <option value="male">male</option>
        <option value="female">female</option>
      </select>
      <br />
      <button type="button" id="submit" onclick="validate()">Go</button>
    </form>

我已更新了plunker。页面正在重定向，您可以看到值保存在本地存储中。它工作正常。

也许你因输入提交而遇到问题，我改用了按钮。

将表单数据从一个网页传递到另一个网页

1 个答案: