如何防止HTML表单重置

Question

我有一个表单，其中除第一个字段外，所有内容都应该在加载时被禁用。

第一个字段是自动完成输入。当他们从中选择某些内容时，它将被禁用，然后将第二个字段设置为启用。第二个字段是一个下拉列表。

问题是，在用户使用表单并单击back按钮后，它会进入与单击submit之前的状态类似的状态-- 1-自动完成被禁用(但由于某种原因没有值) 2- dropdown被启用，并设置为他们提交的值

我试着用javascript强制恢复表单(使用jquery的.ready())，但是.ready()在返回到back按钮后不能运行。

返回后刷新页面将恢复该页面。你知道我该怎么解决这个问题吗？

Answer 1

问题是浏览器处理后退按钮的方式不一致。例如，Firefox缓存HTML的状态(后Javascript处理)，并在单击back按钮后返回到该状态，但其他一些不这样做。

对于您来说，最好的做法是在提交之后，您应该重定向到一个URL，该URL包含表示提交的数据的HTML，并且能够编辑这些提交的详细信息。这会让你的用户不太想点击后退按钮。

编辑：

您还应该将以下内容添加到您的页面：

<meta http-equiv="cache-control" content="no-cache, no-store, must-revalidate"> 

这是为了防止浏览器缓存页面状态的更改。我假设你更喜欢这样，当用户点击后退按钮时，他们会从页面的开始状态开始。