Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/369.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 尝试获取Cookie以在html表单中预填充字段_Javascript_Html - Fatal编程技术网

Javascript 尝试获取Cookie以在html表单中预填充字段

Javascript 尝试获取Cookie以在html表单中预填充字段,javascript,html,Javascript,Html,您好,我是新的软件开发和工作的代码。我试图让cookies来填充我表单中的一个字段,而用户之前已经对其进行了输入。然而,我无法解决这个问题 我已经尝试设置cookies和getcookies,但是由于某些原因无法填充表单值。我在这个领域越来越不明确了 var today=新日期(); var expiry=新日期(今天.getTime()+30*24*3600*1000);//加30天 函数setCookie(名称、值){ document.cookie=name+“=”+转义(值)+“路径

您好,我是新的软件开发和工作的代码。我试图让cookies来填充我表单中的一个字段,而用户之前已经对其进行了输入。然而,我无法解决这个问题

我已经尝试设置cookies和getcookies,但是由于某些原因无法填充表单值。我在这个领域越来越不明确了



var today=新日期();
var expiry=新日期(今天.getTime()+30*24*3600*1000);//加30天
函数setCookie(名称、值){
document.cookie=name+“=”+转义(值)+“路径=/;过期=”+
expire.togmString();
}
函数存储值(表单){
setCookie(“phoneNumber”,form.phoneNumber.value);
返回true;
}
函数getCookie(名称){
var re=new RegExp(name+“=([^;]+)”);
var值=re.exec(document.cookie);
返回值(值!=null)?unescape(值[1]):null;
}
我们怎样才能联系到你?
我们可以打什么号码
你在吗?*
document.getElementById(“phoneNumber”).value=document.write(getCookie(“phoneNumber”));

我希望在下一次加载页面时获得我以前输入到表单中的号码。

尝试使用
会话存储
而不是
cookiee

它节省了大量的编码技巧

<!DOCTYPE html>
<html>
<head>
    <title></title>
</head>
<body>  
<body onLoad="getSession()">
  <form >
    <fieldset>
      <legend>How can we reach you ?</legend>
      <div>
        <label style="width: 40%;" for="phoneNumber">What number can we call 
    you on ? <font color="red">*</font> </label>
        <input name="phoneNumber" type="tel" id="phoneNumber" placeholder="e.g. 0412345678"   required>
        <!-- <button   onClick="validatePhoneNumber(this)">Submit</button> -->
        <input type="submit" class="submit" id="post-btn" value="Call Me"  onClick="validatePhoneNumber(this)"/>
  </form>
</body>
</html>
  <script>
    function validatePhoneNumber(){
        var value = document.getElementById("phoneNumber").value;
        console.log(value)
        sessionStorage.setItem("phoneNumber", value);
    }
    function getSession(){
        console.log("hey");
        var session  = sessionStorage.getItem("phoneNumber");
        document.getElementById("phoneNumber").setAttribute("value" , session);

    }
  </script>

我们怎样才能联系到你?
我们可以打什么号码
你在吗?*
函数validatePhoneNumber(){
var值=document.getElementById(“phoneNumber”).value;
console.log(值)
setItem(“phoneNumber”,值);
}
函数getSession(){
console.log(“嘿”);
var session=sessionStorage.getItem(“电话号码”);
document.getElementById(“电话号码”).setAttribute(“值”,会话);
}
注意:-删除了一些属性和字段,因为我没有这些数据,您可以根据需要添加。


有关会话存储的更多详细信息,请访问

不要使用
文档。write()
,直接使用
getCookie()
的结果即可。非常感谢好友。这就成功了。真不敢相信我没有试过,花了这么多时间来修理它