Comment empêcher la réinitialisation de formulaire HTML

Question

J'ai un formulaire où tout est supposé être désactivé en charge sauf le premier champ.
Le premier champ est une entrée de saisie semi-automatique. Quand ils sélectionnent quelque chose, il est désactivé, puis définit le deuxième champ à activer. Le deuxième champ est une liste déroulante. Le problème est qu'après qu'un utilisateur a utilisé le formulaire et cliqué sur le bouton Précédent, il passe à un état similaire à celui dans lequel il se trouvait avant de cliquer sur soumettre. 1- La saisie semi-automatique est désactivée (mais n'a aucune valeur pour raison) 2- déroulant est activé, et mis à la valeur qu'ils ont soumis avec

J'ai essayé de forcer la restauration du formulaire avec javascript (en utilisant jquery .ready()), mais le .ready() ne fonctionne pas après qu'ils reviennent avec le bouton de retour ..

Actualiser la page après le retour le restaure. Des idées comment je peux résoudre ce problème?

Answer 1

Le problème est que les navigateurs sont incohérents dans la façon dont ils manipulent le bouton de retour. Firefox, par exemple, met en cache l'état du HTML (traitement post-Javascript) et revient à cet état après avoir appuyé sur le bouton précédent, mais pas d'autres. La meilleure chose à faire pour vous est après le soumettre, vous devez rediriger vers une URL qui contient du HTML représentant les données soumises avec la possibilité de modifier ces détails soumis. Cela donnera à vos utilisateurs moins envie de cliquer sur le bouton de retour.

Edit:

Vous devez également ajouter à votre page:

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

qui est censé empêcher les navigateurs de mettre en cache les modifications de l'état de la page. Je suppose que vous préférez que lorsque l'utilisateur appuie sur le bouton de retour, ils commencent à partir de l'état de début de la page.