Question

我是这个人的新手！我希望即使表单已提交，也不会删除文本框字段的值

这是我的html页面

     <form action="" method="post">
     <label>Firstname: </label><input type="text" name="fname" id="fname"/>
     <label>Lastname: </label><input type="text" name="fname" id="fname"/>
     <button type="submit">SUBMIT</button>
     </form>

这只是一个小样本

我希望如果他已经输入了名字而没有输入姓氏，输入的名字将会保留，而姓氏中会有错误，我该怎么做？因为如果我有一个大表格，特别是一个注册表格，当我按下按钮并且客户端会弄错时文本框内的所有内容都将重置，而不是仅仅保留正确的内容，它不是一个非常用户友好的对不对？谢谢你的帮助！

Answer 1

window.onload=function(){
a=function(b){
return document.getElementById(b);
};

var elems=[
//add all element ids here:
a("fname"),a("lastname")
];


elems.forEach(function(elem){
//restore
elem.value=localStorage.getItem(elem.id);

//add EventListener
elem.onchange=function(){
localStorage.setItem(this.id,this.value);
}
});
};

这会在更改后将值存储到localStorage，并在重新加载页面时将其写回字段

javascript在提交按钮时不会重置文本框中的内容

1 个答案: