Проблемы настройки куки для хранения формы входных значений в JavaScript

Question

Я взял ниже код от онлайн,

var myValues = []; 
for(i=0;i<inputs.length;i++) { 
    validateEmail(inputs[i]); 
    myValues.push(inputs[i].value); 
} 

// Save them fot later use 
localStorage.myValues = JSON.stringify(myValues); 

// After clicking the button you can retrieve them back 
var oldValues = JSON.parse(localStorage.myValues); 

Я создал простую страницу жерех,

Теперь, если я нажимаю на следующий после после ввода некоторых входных значение, он перейдет на следующую страницу, и снова я нажму «назад», он не отобразит введенные входные значения.

Мне нужно показать, что значения, может быть, я знаю, как я могу добиться этого заблаговременно.

Здесь работали jsfiddle

мне нужно добавить с моим существующим яваскрипта кода для достижения моей потребности.

Но я просто смущен, как добавить код?

Может ли кто-нибудь мне помочь? Заранее спасибо.

Answer 1

На странице загрузки, необходимо добавить следующий код:

var $inputs = $(".input"); 
var myValues = localStorage.getItem("myValues") ? JSON.parse(localStorage.getItem("myValues")) : []; 
for(var i = 0; i < myValues.length; i++) { 
    $inputs[i].value = myValues[i]; 
} 

Это позволит убедиться, что при загрузке страницы, если данные присутствуют в LocalStorage он будет заполняться в соответствующих полях ввода.

Теперь при нажатии на кнопку next:

$("#nextbutton").click(function() { 
     var myValues = [], 
      $inputs = $('.input'); 
     for (i = 0; i < $inputs.length; i++) validateEmail($inputs[i]); 
     if ($('.invalid').length !== 0) return false; 
     for (i = 0; i < $inputs.length; i++) { 
      myValues.push($inputs[i].value) 
     } 
     localStorage.myValues = JSON.stringify(myValues); 
    }); 

Это используется для хранения данных в LocalStorage после проверки.