Javascript onkeyupイベント

Question

ユーザーがフォームフィールドにコンテンツを入力した後に、javascriptのonkeyupイベントを使用して日付を表示しています。

日付は正しく表示されますが、ページの更新時に日付が消えます。

ページを更新した後、ブラウザを閉じた後で、その日付を私のビューに保持するにはどうすればよいですか？ここで

は私のビュー形式である：

<script> 
     function displayDate() { 
      var x = document.getElementById("advance"); 
      document.getElementById("date").innerHTML = Date(); 
     } 
</script> 

Answer 1

使用クッキー

あなたが読んで、クッキーにデータを保存することができます：ここで

<div class="form-group"> 
    {{ Form::label('advance', 'Advance') }} 
    {{ Form::text('advance', $worker->advance , array('class' => 'form-control', 'placeholder' => 'None', 'id' => 'advance', 'onkeyup=displayDate()')) }} 

    <strong><p style="margin-top: 10px">Advance issued on : </p> 
    </strong><p style="margin-top: 20px" id="date"></p> 
</div> 

は日付が表示され、私のjavascriptの関数でありますページ上にそれをロードして、それに応じてフォームフィールドを埋めます。

function createCookie(name, value, days) { 
    var expires; 
    if (days) { 
     var date = new Date(); 
     date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000)); 
     expires = "; expires=" + date.toGMTString(); 
    } 
    else { 
     expires = ""; 
    } 
    document.cookie = name + "=" + value + expires + "; path=/"; 
} 

function readCookie(c_name) { 
    if (document.cookie.length > 0) { 
     c_start = document.cookie.indexOf(c_name + "="); 
     if (c_start != -1) { 
      c_start = c_start + c_name.length + 1; 
      c_end = document.cookie.indexOf(";", c_start); 
      if (c_end == -1) { 
       c_end = document.cookie.length; 
      } 
      return unescape(document.cookie.substring(c_start, c_end)); 
     } 
    } 
    return ""; 
}