如何防止HTML表单重置

Question

我有一个表单,除第一个字段外,所有内容都应该在加载时禁用.
第一个字段是自动完成输入.当他们从中选择某些内容时,它会被禁用,然后将第二个字段设置为启用.第二个字段是下拉列表.

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

我试图用javascript(使用jquery的.ready())强制恢复表单,但是.ready()在返回后退按钮后不会运行.

返回后刷新页面可以恢复它.我有什么想法可以解决这个问题？

Answer 1

问题在于浏览器处理后退按钮的方式不一致。例如，Firefox 会缓存 HTML 的状态（Javascript 后处理），并在点击后退按钮后返回到该状态，但其他一些浏览器则不会。

最好的做法是在提交后，您应该重定向到一个 URL，其中包含代表提交数据的 HTML，并且能够编辑这些提交的详细信息。这将使您的用户不太愿意点击后退按钮。

编辑：

您还应该将其添加到您的页面中：

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

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