Как предотвратить сброс HTML-формы

Question

У меня есть форма, где все должно быть отключено при загрузке, кроме первого поля.
Первое поле - вход автозаполнения. Когда они выберут что-то из него, он отключается, а затем устанавливает второе поле для включения. Второе поле - выпадающее меню.

Проблема заключается в том, что после того, как пользователь использует форму и нажимает кнопку «Назад», она переходит в состояние, аналогичное состоянию, в котором оно находилось, прежде чем нажать кнопку «Отправить». 1- автозаполнение отключено (но не имеет значения для по какой-то причине) 2- dropdown разрешен и установлен на значение, которое они отправили с

Я попытался принудительно восстановить форму с помощью javascript (используя jQuery .ready()), но .ready() не запускается после того, как они возвращаются с помощью кнопки «Назад».

Обновление страницы после возврата восстанавливает ее. Любые идеи, как я могу это исправить?

Answer 1

Проблема в том, что браузеры несовместимы в том, как они обрабатывают кнопку «Назад». Например, Firefox кэширует состояние HTML (после обработки Javascript) и возвращается в это состояние после нажатия кнопки «Назад», но некоторые другие этого не делают.

Лучшее, что вам нужно сделать после отправки, следует перенаправить на URL-адрес, содержащий HTML, представляющий представленные данные, с возможностью редактирования этих представленных деталей. Это даст вашим пользователям меньше желания хотеть нажать кнопку «Назад».

Edit:

Вы также должны добавить к вашей странице:

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

Это, как предполагается, чтобы браузеры кэшировать изменения состояния страницы. Я предполагаю, что вы предпочтете его, чтобы, когда пользователь нажимает кнопку «Назад», они начинаются с начального состояния страницы.