Javascript sessionStorage переменная не сохраняется правильно

Question

Я пытаюсь сохранить различные значения из HTML-формы в sessionStorage, но с помощью следующего кода я получаю предупреждение "StoreInfo Start", но не "StoreInfo End", поэтому я предполагаю, что в коде sessionStorage есть какая-то ошибка / ошибка.

Я удалил другой код, но этот пример все еще не работает для меня, я использую Firefox 45.0.2, если это уместно, однако я ранее использовал sessionStorage с этим браузером и похожим кодом, который я не могу найти между ними.

function validate () {
    alert("Validate");
    storeInfo();
}

function storeInfo() {
    alert("storeInfo Start");

    sessionStorage.firstName = document.getElementById("firstName").value;

    alert("StoreInfo End - First Name is: " + sessionStorage.firstName);

}

function init () {
    alert("Init Works!");

    // For apply page
    if (document.getElementById("applyForm") != null) {
        var applyForm = document.getElementById("applyForm");
        applyForm.onsubmit = validate;
    }
 }

window.onload = init;

Из файла HTML:

<form id="applyForm">
    <p>
        <label for="firstName">First Name</label> 
        <input type="text" name="firstName" id="firstName" pattern="^[a-zA-Z]+$" maxlength="25" size="25" required="required" value="ThisIsMyName" />
    </p>
    <input type="submit" />
</form>

Answer 1

Мне пришлось добавить немного html в фрагмент, но когда я ставлю его на скрипку, это работает.

<form id="applyForm">
    <p>
        <label for="firstName">First Name</label> 
        <input type="text" name="firstName" id="firstName" pattern="^[a-zA-Z]+$" maxlength="25" size="25" required="required" value="ThisIsMyName" />
    </p>
    <input type="submit" />
</form>

эта скрипка работает

Answer 2

Где вы нашли такой вид API?

Использование:

sessionStorage.setItem('firstName', document.getElementById("firstName").value;);

...и позже sessionStorage.getItem('firstName');

Answer 3

Может быть, вы можете попробовать localStorage, вот так:

if(localStorage.getItem('firstName')){
        firstName=localStorage.getItem('firstName');
    } 
localStorage.setItem('firstName',document.getElementById("firstName").value;);