Firefox conserve les données du formulaire lors du rechargement

Question

J'ai un gros problème avec la fonctionnalité de Firefox qui conserve les données que l'utilisateur a remplies lors du rechargement. F5 . Si j'utilise Ctrl + F5 les formulaires sont effacés et c'est génial. Mon problème est que tous mes utilisateurs ne savent pas que c'est ce qu'ils doivent faire pour forcer le nettoyage de la saisie. Existe-t-il un moyen, dans le code HTML ou les en-têtes de réponse, d'indiquer à Firefox de ne pas conserver les données dans les formulaires ?

Answer 1

Il suffit d'ajouter autocomplete="off" à vos entrées et vous résoudrez le problème.

<input type="text" autocomplete="off">

jQuery pour résoudre ce problème sur toutes les entrées et zones de texte

$('input,textarea').attr('autocomplete', 'off');

Answer 2

Au lieu de passer par toutes les entrées, vous pouvez aussi simplement ajouter l'attribut à votre élément de formulaire comme suit :

<form method="post" autocomplete="off">...</form>

Cependant, les méthodes mentionnées ci-dessus sur domReady n'ont pas fonctionné pour moi...

Answer 3

Si vous souhaitez conserver la fonction de saisie automatique du navigateur (voir les autres réponses valables), essayez d'ajouter l'attribut name au formulaire et donnez-lui une valeur aléatoire. Cela a fonctionné pour moi :

<form id="my-form" name="<random-hash>">
...
</form>

Answer 4

/*reset form elements (firefox saves it)*/

function resetElements()
{
     var inputs = document.querySelectorAll('input[type=text]');
     //you get the idea.....you can retrieve all inputs by tag name input
     for(var i = 0; i < inputs.length; i++) {
         document.getElementsByTagName('input')[i].value = "";
     }
     var textareas = document.getElementsByTagName('textarea');
     for(var i = 0; i < textareas.length; i++) {
         document.getElementsByTagName('textarea')[i].value = "";
     }
}

Appelez cette fonction au chargement.

Answer 5

Je pense que le moyen le plus simple et le plus rapide de le faire est de

$('input,textarea').attr('autocomplete', 'off');