存储大型数据JavaScript

Question

我正在学习JavaScript来制作一个完全本地化的大型表单（没有任何Web服务器参与其中）。我对PHP非常熟悉，但JavaScript对我来说是新的。我有一个包含100多个复选框和文本字段的表单。一些字段显示为＆＃34; [X]其他：[/ 文本字段 /]＆＃34;所以当你选择＆＃34;其他＆＃34;选择，你必须输入一个输入。我正在进行验证以确保您，A：如果您选择＆＃34;其他，则输入文字。＆＃34; B：如果输入了文本，请确保选中了复选框。当验证功能发现错误时，它会显示一个警告框。然后，页面重新加载（不确定原因）并且擦除了放入表单中的所有数据。因此，我需要找到一种方法来存储此表单数据，以便在页面重新加载时加载它。我从饼干开始，但随后我发现饼干的数量和尺寸有限制。我还可以做些什么？？？请帮忙！

Answer 1

您的submit按钮正在重新加载页面。

例如，如果您的表单设置如下：

<form name="main" method="post">
   <!-- Lots of input fields -->
   <button type="submit" id="subbutton">Submit!</button>
</form>

由于POST没有form

，这对未定义的服务器进行了action

如果您确定根本不需要任何服务器互动，则无需使用form元素

这意味着您可以从网页中删除form和submit元素，而不是使用button元素

<!-- Lots of input fields -->
<button id="clientaction" type="button">Click me</button>

来自MDN：

  

HTML元素表示包含的文档部分   交互式控件，用于向Web服务器提交信息。