提交后重置表单并清除缓存

Question

大多数浏览器都会缓存表单值，因此当用户导航到另一个页面然后按下后退按钮时不必重新开始。

使用 jquery 表单插件，在表单成功提交后也会发生这种情况。

以下场景：

1. 用户提交表单

2. 显示消息提交成功，表单已清除

3. 用户导航到其他页面

4. 用户按下后退按钮

5. 页面恢复到提交表单之前的状态。

   >

提交后调用resetForm()只会返回初始表单值，但不能解决缓存问题。

$(document).ready(function(){
    $('form').ajaxForm({
        success: function(responseText, statusText){
            displayMessage('form successful');
            $('form').resetForm();
        }
    });
});

加载页面时调用 resetForm() 可以解决缓存问题，但会在页面之间导航时破坏预期的浏览器行为：

$(document).ready(function(){
    $('form').ajaxForm().resetForm();
});

是否有办法在成功提交后清除缓存？

Answer 1

我不太喜欢 JQuery，但通常可以使用

autocomplete='off'

源代码来关闭表单值的存储，例如 here据

我所知，没有其他跨浏览器的方式可以影响浏览器在缓存中存储的值。我认为不太可能以编程方式访问这些东西，因为这会带来复杂的安全隐患。