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

Question

I was trying to send form data from one webpage to another using this: Passing data from one web page to another

I am pasting the javascript code of the function i created:

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";
        }

But the Problem is that the window.location.href is not working and the webpage is not redirected.

I have seen the console for errors but there aren't any.

Can anyone tell Where is the fault?

EDIT 1: Validate function:

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();
            }
        }

Form's html:

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

Submit Button:

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

Answer 1

Have a look at this 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>

I have updated the plunker. The page is redirecting and you can see that the values are saved in the local storage. It works fine.

Perhaps you had a problem because of your input submit, I used a button instead.