2017-03-16 15 views
0

後で使用するために、HTML入力タグからのユーザー入力をクッキーとして保存したいとします。私は複数の入力ボックスを読んで、ボタンがユーザによってクリックされたときにテキスト値を格納する必要があります。JavaScript:クッキーが動作しない設定

私の問題は、クッキーに情報を保存すると正しく動作しているようだし、代わりに何の情報を保存していない、私は、アラート(document.cookie)

HTMLコードを使用して見ることができるものからないということである。

<form id="contact-form"> 
    <label for="name">Log entry name:</label> 
    <input type="text" id = "eName" value="" placeholder="Run at the park"/> 
    <label for="email">Name of exercise:</label> 
    <input type="name" id = "exercise" value="" placeholder="Jogging" /> 
    <label for="telephone">Date: </label> 
    <input type="number" id = "date" value="" /> 
    </form> 

<li><a href="#" onclick ="setCookie()"> Add New Log</a></li> 
<li><a href="#" onclick ="getCookie()"> cookie</a></li> 

JavaScriptは:

012:私は警告としてクッキーを表示したときに、これは、応答

<script type = "text/JavaScript"> 
function setCookie(){ 

var cookieString = "entry=" + document.getElementById("eName").value + 
        ";exercise=" + document.getElementById("exercise").value + 
        ";date=" + document.getElementById("date").value ; 

document.cookie = cookieString; 

} 

function getCookie(){ 

alert(document.cookie); 

} 

です

enter image description here 私はあなたに感謝し、すべての助けがappriciatedですので、あなたと私は優しいしてください。

答えて

2

document.cookieを使用してクッキーを読み取ることはできません。

クッキーを読み出すためには、これを使用する:

function getCookie(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 ""; 
} 
関連する問題