Cómo prevenir el restablecimiento del formulario HTML

Question

Tengo un formulario donde se supone que todo está deshabilitado en la carga, excepto en el primer campo.
El primer campo es una entrada de autocompletar. Cuando seleccionan algo de él, se deshabilita y luego configura el segundo campo para habilitarlo. El segundo campo es un menú desplegable.

El problema es que, después de que un usuario utiliza el formulario y hace clic en el botón Atrás, pasa a un estado similar al que tenía antes de hacer clic en enviar-- 1- autocompletar está deshabilitado (pero no tiene ningún valor para alguna razón) 2- desplegable está habilitado, y establecido en el valor que enviaron con

He intentado forzar la restauración del formulario con javascript (usando jquery's .ready()), pero el .ready() no se ejecuta después de que regresen con el botón Atrás.

Actualizar la página después de volver la restaura. ¿Alguna idea de cómo puedo solucionar esto?

Answer 1

El problema es que los navegadores son inconsistentes en la forma en que manejan el botón Atrás. Firefox, por ejemplo, almacena en caché el estado del HTML (procesamiento posterior a Javascript) y vuelve a ese estado después de presionar el botón Atrás, pero otros no.

Lo mejor que puede hacer es enviar el URL a una URL que contenga HTML que represente los datos enviados con la capacidad de editar los datos enviados. Esto le dará a sus usuarios menos deseos de querer presionar el botón Atrás.

Editar:

También debe agregar esto a su página:

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

que se supone que evitar que los navegadores almacenamiento en caché de los cambios de estado de la página. Supongo que lo preferiría para que cuando el usuario presione el botón Atrás comiencen desde el principio de la página.