Очистить BFCache в браузере не работает должным образом

Question

У меня проблема с моим веб-приложением. Я создал форму входа в систему с несколькими шагами для входа (двухэтапная проверка). Если двухэтапная проверка включена, сначала пользователь вводит имя пользователя и пароль на странице Html, затем я открываю диалоговое окно JS, где пользователь может отправить токен и ввести его. Наконец пользователь логинится. После выхода из системы я вижу на сервере, что сеанс пользователя истек. Если я go вернусь дважды, я вернусь к диалоговому окну JS ПОСЛЕ того, как пользователь снова войдет в систему! Я вижу, что браузер сохранил пользователя и пароль для быстрой загрузки страницы.

Я много читал о кешировании назад / вперед (BFACACHE), но решения не работают. Я попробовал этот код:

$(window).on("load", function () {
            alert("on load was called!");         
            $("#txtUserNamed").val('');
            $("#txtPassword").val('');
        });

и

$(window).on("pageload", function () {
            alert("on load was called!");         
            $("#txtUserNamed").val('');
            $("#txtPassword").val('');
        });

Я не понимаю, почему, если я очищаю поля ПОСЛЕ страницы, загруженной, страница все равно сохраняет их в памяти. Даже если браузер использует локальный кэш, его следует очистить, по крайней мере, в форме.

Примечание. Эта проблема возникает в Chrome и Edge (не происходит в Firefox)