Firefox conserve les données de formulaire sur reload

J'ai un gros problème avec la fonctionnalité de Firefox qui conserve les données que l'utilisateur a rempli sur reload F5. Si j'utilise Ctrl+F5 les formulaires sont compensés et c'est super. Mon problème est que tous mes utilisateurs savent que c'est ce qu'ils ont à faire pour forcer l'entrée de nettoyage. Est-il un moyen dans le code html ou des en-têtes de réponse pour dire à Firefox de ne pas garder les données dans les formulaires?

  • Ce sujet de faire un bouton qui efface les formes? Cela semble plus facile pour les utilisateurs à comprendre puis de les laisser pousser la touche f5
  • corps.onload forme.reset() ?
  • C'est une idée, mais je ne veux pas déranger mes utilisateurs avec qui.
  • La plupart des utilisateurs veulent garder la forme les données sur les recharger...
  • Mon problème est que beaucoup de mes entrées sont calculés et recharger les données devient incohérent si tout n'est pas réinitialisé.
  • dans ce cas, pourquoi ne pas faire ce que Marek sugggests. Peut-être seulement pour les champs calculés
  • Vous pouvez aussi tout recalculer sur la publication.

InformationsquelleAutor Andreas | 2011-09-11
  1. 83

    Juste ajouter autocomplete="off" vos données et vous permettra de résoudre le problème.

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

    jQuery pour résoudre ce sur toutes les entrées et les textareas

    $('input,textarea').attr('autocomplete', 'off');
    • Au lieu de cela, vous pouvez ajouter un <form autocomplete="off"></form pour désactiver le cache pour le formulaire entièrement
    • Merci, cela fonctionne même pour les input type="hidden"
    • Malheureusement, cela supprime également la fonctionnalité de saisie semi-automatique en cliquant simplement sur l'élément de formulaire (où il affiche une liste déroulante de valeurs précédemment saisies)
    • Mais cette solution ne fonctionne pas pour la page d'relad en appuyant sur la touche F5 ou le navigateur firefox bouton recharger.
    • J'ai passé une demi-journée pour en venir au fait que c'est firefox difficulté. Merci pour la solution.
    InformationsquelleAutor Andreas
  2. 14

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

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

    Cependant, les méthodes mentionnées ci-dessus sur domReady ne fonctionne pas pour moi...

    • La meilleure solution à cette oppression Firefox fonctionnalité. Doit être utilisé avec précaution; on peut avoir besoin d'une autre méthode à l'utilisateur d'éviter toute perte de données.
    InformationsquelleAutor Daniel G.
  3. 6

    Je pense plus facile et plus rapide façon de le faire est

    $('input,textarea').attr('autocomplete', 'off');
    • pas de.à l'aide de jquery , il n'est pas de travail. Je pense que la saisie semi-automatique off de travailler si jquery code à exécuter avant la saisie semi-automatique par navigateur!!!!!!
    InformationsquelleAutor Konrad K.
  4. 5

    J'ai essayé le raccourci solution ci-dessus, mais il n'a pas clairement la valeur de l'sélectionnez les cases sur ma page.

    J'ai fini par en le modifiant légèrement, et maintenant tous les types d'entrée sur la page sont désactivées indépendamment du type: 

    var allInputs = $(":input");
$(allInputs).attr('autocomplete', 'off');

    Pour faire exécuter onload je viens de le mettre dans le prêt() méthode:

    $(document).ready(function () {
    var allInputs = $(":input");
    $(allInputs).attr('autocomplete', 'off');
});
    • Re: "... au-dessus ...", note que les réponses sont triables et obtient reorded basées sur les votes etc.
    InformationsquelleAutor Todd Darnell
  5. 5
    /*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 = "";
     }
}

    Appeler cette fonction onload.

    • Ce que j'aime à propos de Javascript solution est que l'entrée des suggestions de continuer à travailler, seul le champ de saisie de valeurs sont supprimés, tandis que autocomplete="off" désactive également les suggestions.
    InformationsquelleAutor www139
  6. 2

    Dans le cas où vous souhaitez garder la fonctionnalité saisie semi-automatique du navigateur (voir les autres réponses valables), essayez d'ajouter le nom de l'attribut à la forme et à lui donner une valeur aléatoire. Il a travaillé pour moi:

    <form id="my-form" name="<random-hash>">
...
</form>
    • C'est une excellente idée, et j'espère qu'ils ne fonctionnent pas autour d'elle. Il coupe par le milieu, le compromis-sage.
    • Vous devez être en mesure de mettre la chaîne unique lors de l'exécution, mais si vous le pouvez, cela semble fonctionner!
    • C'est peut-être vrai. Je l'ai juste essayé avec une forme rendue par le serveur.
    InformationsquelleAutor Felix
  7. 0

    J'ai trouvé la seule solution pour moi était de faire

    document.forms[0].reset();

    avant de doc prêt au début de la page, comme le suggère le commentaire de @Marek ci-dessus - pas grand, mais il a travaillé pour moi (l'attribut autocomplete méthode via jQuery, JS ou HTML n'a pas en fin fix it for me)

    InformationsquelleAutor jonnybradley