자바 스크립트 쿠키 저장 양식

Question

나는이 tutorial 온라인을 사용하여 양식 필드 중 하나의 입력 값을 저장하려고했습니다.

지금까지 성공하지 못했습니다.

내가 잘못 했나요?

<script type="text/javascript"> 
    var today = new Date(); 
    var expiry = new Date(today.getTime() + 30 * 24 * 3600 * 1000); // plus 30 days 

    function setCookie(name, value) { 
     document.cookie=name + "=" + escape(value) + "; path=/; expires=" + expiry.toGMTString(); 
    } 

    function storeValues(form) { 
     setCookie("email", form.email-field.value); 
     return true; 
    } 

    if(email = getCookie("email")) document.getElementById('login-form').email-field.value = email-field; 

    function getCookie(name) { 
     var re = new RegExp(name + "=([^;]+)"); 
     var value = re.exec(document.cookie); 
     return (value != null) ? unescape(value[1]) : null; 
    } 

    document.write(getCookie("email")); 
</script> 

HTML :

<form action="" method="post" id="login-form"> 
<input class="field" type="text" name="email-field" placeholder="e-mail" style="text-transform: lowercase;" autofocus> 
<br> 
<input class="field" type="password" name="pass" placeholder="password"> 
<button type="submit"></button> 

Answer 1

귀하의 setcookie 방법의 document.cookie를 부분은 괜찮다고, 그래서 나는 단지 그것을 작동하도록 변경 몇했습니다. 테스트 목적으로, 나는 또한 폼을 조금 바 꾸었습니다. 여기 코드는 다음과 같습니다

<form action="Cookies.html" method="post" id="login-form"> 
    <input class="field" type="text" onkeydown="if (event.keyCode == 13) document.getElementById('submitButton').click()" id="emailField" name="email-field" placeholder="e-mail" style="text-transform: lowercase;" autofocus> 
    <br> 
    <input class="field" type="password" id="password" name="pass" placeholder="password"> 
    <br> 
    <br> 
    <button id="submitButton" onclick="setCookie('email', 'emailField')" type="submit">set Cookie email</button> 
    <br> 
    <button onclick="setCookie('password', 'password')" type="button">set Cookie password</button> 
    <br> 
    <button onclick="displayCookieValue('email')" type="button">display Cookie email</button> 
    <br> 
    <button onclick="displayCookieValue('password')" type="button">display Cookie password</button> 
    <br> 
    </form> 

<div id="value"></div> 

<script> 

     var today = new Date(); 
     var expiry = new Date(today.getTime() + 30 * 24 * 3600 * 1000); // plus 30 days 

     function setCookie(name, id) { 
      var element = document.getElementById(id); 
      var elementValue = escape(element.value); 

      document.cookie = name + "=" + elementValue + "; path=/; expires=" + expiry.toGMTString(); 
      console.log(document.cookie); 
     } 

     function storeValues(form) { 
      setCookie("email", form.email - field.value); 
      return true; 
     } 

     function displayCookieValue(name) { 
      var value = getCookie(name); 
      var element = document.getElementById("value"); 
      element.innerHTML = "Cookie name: "+ name + ", value " + value; 

     } 

     function getCookie(name) { 
      var re = new RegExp(name + "=([^;]+)"); 
      var value = re.exec(document.cookie); 
      return (value != null) ? unescape(value[1]) : null; 
     } 
</script> 

주, 그것은 또한 생산에 아마 또한 내 컴퓨터에 아파치 서버를 사용하여 로컬로 테스트 :-) 좋은 생각이 아니다 쿠키 값으로 암호 값을 저장합니다.

스크린 샷은 아래의 Chromes 자원을 표시