Javascript 单击“提交”后如何在html表单中保留输入的数据

我在html页面中有一个表单，单击submit按钮后该表单将被清除。我想知道如何在单击“提交”后使数据保留在表单中，以防用户需要修复任何错误。任何帮助都将不胜感激

以下是html代码：

<form id = "contactform" action = "">
<label> Name:
<input name = "firstname" type = "text" id = "firstname" maxlength = "50"/>
</label>
<label> Last Name:
<input name = "lastname" type = "text" id = "lastname" maxlength = "150" />
</label>
<label> Address: 
<input name = "address" type = "text" id = "address" maxlength = "200"/>
</label>
<label> Postcode: 
<input name = "postcode" type = "text" id = "postcode" maxlength = "50" />
</label>
<input type = "submit" value = "Submit" onclick = "validate()" />
<input type = "reset" value = "Clear" />
</p>
</form>

---

使用onclick

onclick=“return validate（）”

函数验证（）{
var firstname=document.getElementById（'firstname'）；
var lastname=document.getElementById（'lastname'）；
var address=document.getElementById（'address'）；
var postcode=document.getElementById（'postcode'）；
如果（firstname.value==“”）{
警报（“确保填写了名字字段”）；
返回false；
}
如果（lastname.value==“”）{
警报（“确保姓氏字段已填写”）；
返回false；
}
如果（address.value==“”）{
警报（“确保地址字段已填写”）；
返回false；
}
如果（postcode.value==“”）{
警报（“确保邮政编码字段已填写”）；
返回false；
}
}

姓名：
姓氏：
地址:
邮政编码：

首先，在表单中添加提交处理程序：

<form id="contactform" action = "" onsubmit="handleSubmit()">
  ...
</form>

---

为什么用户在单击“提交”后要编辑某些内容？^^^因为没有人是完美的，可能忘记输入他们的姓氏等。。后来不想再填他的名字？？只是一种预感。当页面刷新时，表单将被清除，您可以使用ajax，这样页面将不会刷新，或者在提交后，将服务器端数据绑定到您的输入字段。是的，这正是@ZakThank感谢你们的回复的原因！非常感谢你的帮助！不客气@rajzaveri5。我的回答很有用。它对未来的访问者更有用。非常感谢您的帮助！

<form id="contactform" action = "" onsubmit="handleSubmit()">
  ...
</form>

function handleSubmit(event) {
  if(!validate()) {
    event.preventDefault();
  }
  return;
}