Javascript 尝试获取Cookie以在html表单中预填充字段
您好,我是新的软件开发和工作的代码。我试图让cookies来填充我表单中的一个字段,而用户之前已经对其进行了输入。然而,我无法解决这个问题 我已经尝试设置cookies和getcookies,但是由于某些原因无法填充表单值。我在这个领域越来越不明确了Javascript 尝试获取Cookie以在html表单中预填充字段,javascript,html,Javascript,Html,您好,我是新的软件开发和工作的代码。我试图让cookies来填充我表单中的一个字段,而用户之前已经对其进行了输入。然而,我无法解决这个问题 我已经尝试设置cookies和getcookies,但是由于某些原因无法填充表单值。我在这个领域越来越不明确了 var today=新日期(); var expiry=新日期(今天.getTime()+30*24*3600*1000);//加30天 函数setCookie(名称、值){ document.cookie=name+“=”+转义(值)+“路径
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()
的结果即可。非常感谢好友。这就成功了。真不敢相信我没有试过,花了这么多时间来修理它