Javascript sessionStorage Variable nicht korrekt speichern

Question

Ich versuche, verschiedene Werte aus einem HTML-Formular in sessionStorage zu speichern, aber mit dem folgenden Code erhalte ich die "storeInfo Start" Warnung, aber nicht "StoreInfo End", also nehme ich an, es ist ein Fehler/Bug mit dem SessionStorage-Code.

Ich habe anderen Code entfernt, aber dieses Beispiel funktioniert immer noch nicht für mich, ich benutze Firefox 45.0.2 wenn das relevant ist, aber ich habe sessionStorage zuvor mit diesem Browser und ähnlichem Code verwendet, dass ich den Unterschied nicht finden kann/s zwischen.

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; 

Die aus der HTML-Datei:

<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

Wo Sie diese Art von API aufmerksam geworden?

Verwendung:

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

... und später sessionStorage.getItem('firstName');

Answer 2

Mai werden Sie local versuchen können, wie folgt aus:

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

Answer 3

Ich musste einige html zum Snippet hinzufügen, aber wenn ich es auf die Geige stelle, funktioniert es.

<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> 

dieser fiddle Werke