不采取行动的工作形式

Question

我试图在没有行动的情况下做html表单。它必须：

1)将输入数据记为正常格式。

2)不重新加载页面

我试过：

<form action="javascript:void(0);" id="simple-form">

但继续

$('#simple-form').submit();

表单不记得输入数据。范式

<form action="#" id="simple-form">

重新加载页面，但也记住输入数据。

确实存在另一种不使用javascript?的表单来记忆数据的方法。

更新#1:

event.preventDefault(); // onsubmit event prevert

不起作用，因为它不仅防止了页面的重新加载，而且还防止了数据的保存(自动完成)。

Answer 1

用javascript

var form = document.getElementById("simple-form")
form.onsubmit = function (event) { event.preventDefault() }

if(localStorage){
    var textfield = document.getElementById("yourTextfield");
    var data = localStorage.getItem("yourTextfield");
    if(data){
       textfield.value = JSON.parse(data);
    }
    textfield.onkeydown = function(){
         localStorage.setItem("yourTextfield",JSON.stringify(textfield.value));
   }
}

使用历史对象的替代解决方案

var data = history.state.textfieldName;
if(data){
    textfield.value = data;
}
textfield.onkeydown = function(){
    history.state.textfieldName = textfield.value;
}