Захват содержимого формы до ее отправки

Можно сохранить значения в cookie на 1 неделю, и при последующих загрузках страницы снова заполнять поля прошлыми значениями

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form>
<input class='catching_input' name='Name' id='name' placeholder='Имя'>
<input class='catching_input'name='Phone' id='phone' placeholder='Телефон'>
<input class='catching_input'name='Email' id='email' placeholder='E-mail'>
</form>

JS

$('.catching_input').on('change',function() {
    var input_id = $(this).attr('id');
    var input_value = $(this).val();
  var d = new Date();
  d.setTime(d.getTime()+(7*24*60*60*1000));
  document.cookie = input_id + "="+input_value+"; expires="+d.toGMTString()+"; path=/";
});
$( document ).ready(function() {
    $('.catching_input').each(function(){
        var prev_val = getCookie($(this).attr('id'));
      if (prev_val) {
        $(this).val(prev_val);
      }
    })
});
function getCookie(name) {
  var matches = document.cookie.match(new RegExp(
    "(?:^|; )" + name.replace(/([\.$?*|{}\(\)\[\]\\\/\+^])/g, '\\$1') + "=([^;]*)"
  ));
  return matches ? decodeURIComponent(matches[1]) : undefined;
}

Запустить пример

Можно сохранять данные в localStorage при изменении значений input-ов. А при загрузке страницы, например, подставлять сохранённые значения:

HTML:

<form id="form">
  Имя: <input name="name"/>
  Телефон: <input name="phone"/>
  Email: <input name="email"/>
</form>

JS:

$(function() {
  var $formInputs = $("#form input");
  $formInputs.each(function() {
    this.value = localStorage.getItem($(this).attr("name"));
  });
  $formInputs.on("change", function() {
    localStorage.setItem($(this).attr("name"), this.value);
  });
});

Полный пример в JSFiddle