สอบถามเรื่องการย้อนกลับไปดูข้อมูลทั้งที่่ยังไม่ได้เซฟข้อมูลครับ

<form name="form1" id="form1" method="post" action="">
  <p>
    <input type="text" name="textfield" id="textfield">
  </p>
  <p>
    <textarea name="textarea" id="textarea"></textarea>
  </p>
  <p>
    <input type="submit" name="button" id="button" value="Submit">
  </p>
</form>

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>    
<script type="text/javascript">
$(function(){

	var dataVal = $("#form1").serializeArray();
	var prefix_v="form1_"; // เปลี่ยนค่าแต่ละหน้าห้ต่างกัน
	if(dataVal.length){
		$(dataVal).each(function(i,k){
			var obj = prefix_v+""+dataVal[i].name;
			if(sessionStorage.getItem(obj)){
				$("[name='"+dataVal[i].name+"']").val(sessionStorage.getItem(obj));
			}
		});
	}
	
	$("a").on("click",function(){
		var dataVal = $("#form1").serializeArray();
		if(dataVal.length){
			$(dataVal).each(function(i,k){
				sessionStorage.setItem(prefix_v "" dataVal[i].name,dataVal[i].value);   
			});
		}
	});
	
	
});
</script>