無法使用Cookie將Cookie保存到表單中。 Java的新手

Question

嗨，我是JavaScript新手，正在從事一個項目。 提交表單，返回頁面然后刷新時，我試圖保存cookie。 我可以將其保存在Firefox和Edge中，但不能保存在chrome中。 有人能告訴我我想念的東西嗎？

Javacript：

"use strict";

function processCookie(){
if(document.getElementById("rememberInput").checked){
    document.cookie = "username=" + document.getElementById("usernameinput").value;

}else{
    var expiresDate = new Date();
    expiresDate.setDate(expiresDate.getDate - 7);
    document.cookie = "username=null; expires" + expiresDate.toUTCString();

}


}

function populateInfo(){
    if(document.cookie){
        var uname = document.cookie;
        uname = uname.substring(uname.lastIndexOf("=") + 1);
        document.getElementById("usernameinput").value = uname;

    }

}

function handleSubmit(var evt ){
    if(evt.preventDefault){
        evt.preventDefault();
    }else{
        evt.returnValue = false;
    }
    processCookie();
    document.getElementsByTagName("form")[0].submit();
}

function createEventListener(){
    var loginForm = document.getElementsByTagName("form")[0];
    if(loginForm.addEventListener){
        loginForm.addEventListener("submit",handleSubmit,false);
    }else if(loginForm.attachEvent){
        loginForm.attachEvent("onsubmit",handleSubmit,false);
    }

}

function setUpPage(){
    populateInfo();
    createEventListener();

}

if(window.addEventListener){
    window.addEventListener("load",setUpPage,false);

}else if(window.attachEvent){
    window.attachEvent("onload",setUpPage);

}

HTML：

<!DOCTYPE html>
<html>
<head>

<meta charset="utf-8" />
<meta id="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0">
<title>Hands-on Project 9-2</title>
<link rel="stylesheet" href="styles.css" />
<script src="modernizr.custom.65897.js"></script>
</head>

<body>
<header>
    <h1>
        Hands-on Project 9-3
    </h1>
</header>

<article>
    <div id="errorMessage"></div>
    <form action="results.htm">
        <fieldset id="deliveryinfo">
            <legend>Site Login</legend>
            <label for="usernameinput">Username</label>
            <input type="text" id="usernameinput" name="username" />
            <label for="passwordinput">Password</label>
            <input type="password" id="passwordinput" name="password" />
            <input type="checkbox" id="rememberinput" name="remember" value="remember" />
            <label for="rememberinput" id="rememberlabel">Remember me</label>
        </fieldset>
        <fieldset id="submitbutton">
            <input type="submit" id="submitBtn" value="Login" />
        </fieldset>
    </form>
</article>
<script src="script.js"></script>
</body>
</html>

再次感謝您提供的任何幫助。

Answer 1

我建議您使用此庫js cookie，這將幫助您輕松管理cookie。

Cookies.set('name', 'value', { expires: 7 });
Cookies.get('name');

無法使用Cookie將Cookie保存到表單中。 Java的新手

問題描述

1 個解決方案

解決方案1
0 2018-03-20 16:28:53

無法使用Cookie將Cookie保存到表單中。 Java的新手

問題描述

1 個解決方案

解決方案1 0 2018-03-20 16:28:53

解決方案1
0 2018-03-20 16:28:53