Question

我已经为此困扰了好几天了，我只是被烧坏了，需要指导。我是JavaScript的新手，所以我提前道歉。我的目标是从表单中获取3个输入并将其保存为cookie。这是html表单部分：

<form name="userData" action="">

        <fieldset align="center">
            <legend align="center">Create a User Account</legend>

            <label>First Name: </label>
            <span>
                <input type="text" size="25" name="field1">
            </span>

            <label>Password: </label>
            <span>
                <input type="text" size="25" name="field2">
            </span>

            <label>Email: </label>
            <span>
                <input type="text" size="25" name="field3">
            </span>
        </fieldset>
    </form>
</div>  

<div align="center">
    <input type="submit" value="Set Cookies" onClick="setCookies();">
    <input type="submit" value="Show Cookie Data" onClick="showCookies();">
    <input type="button" value="Clear Cookies" onClick="clearCookies();">
</div>

提交表单数据后，用户应该会看到一个弹出窗口，显示刚刚填写的表单中的Cookie信息。请记住，在填写完所有三个字段之前，他们不应该提交表单。以下是我到目前为止编写的Javascript函数，第一个是设置cookie并显示弹出窗口：

function setCookies()
{
  if (document.userData.field1.value == "")
  {
    alert("Please Fill In All Form Values!");
    return;
  }

  else if (document.userData.field2.value == "")
  {
    alert("Please Fill In All Form Values!");
    return;
  }

  else if (document.userData.field3.value == "")
  {
    alert("Please Fill In All Form Values!");
    return;
  }

  else
  {
    cookievalue1 = escape(document.userData.field1.value);
    document.cookie = cookievalue1;

    cookievalue2 = escape(document.userData.field2.value);
    document.cookie = cookievalue2;

    cookievalue3 = escape(document.userData.field3.value);
    document.cookie = cookievalue3;

    alert("The Following Data Has Been Saved To a Cookie:\n" + "\nFirst Name = " + cookievalue1 + "\nPassword = " + cookievalue2 + "\nEmail = " + cookievalue3);
  }
}

现在这个功能与第二个按钮绑定，后者只显示提交时保存的cookie：

function showCookies()
{
  alert("First Name: " + cookievalue1 + "\nPassword: " + cookievalue2 + "\nEmail: " + cookievalue3)
}

THIRD按钮，应该擦除cookie的按钮是我不知道该怎么做的地方。任何指导都非常感谢。我所拥有的只是我的函数中的这个警报，当按下按钮并且逻辑（尚未存在）执行时，它应显示：

function clearCookies()
{
  alert('Your Coookies Have Been Deleted')
}

同样，如果有人对简化提出任何建议，我会对此持开放态度。我不能再看这个了，我的眼睛感觉像是酸，我能感觉头上的头发变成灰色。

Answer 1

你可以看到所有 W3C Examples ，你会没事的！

使用JavaScript删除Cookie

删除cookie非常简单。只需将expires参数设置为a即可   通过日期：

document.cookie = "username=; expires=Thu, 01 Jan 1970 00:00:00 GMT";

Answer 2

您只需将其expires参数设置为传递日期即可删除Cookie。例如：

document.cookie = "username=; expires=Thu, 01 Jan 1970 00:00:00 GMT";

w3schools有一个非常类似于你想要做的例子。请在此处查看：http://www.w3schools.com/js/js_cookies.asp。

使用JavaScript删除带按钮的Cookie

2 个答案:

使用JavaScript删除Cookie