Firefox сохраняет данные формы при перезагрузке

Question

У меня большая проблема с функциональностью в Firefox, которая хранит данные, которые пользователь заполнил при перезагрузке F5 .Если я использую Ctrl + F5 , формы очищаются, и это здорово.Моя проблема в том, что не все мои пользователи знают, что это то, что они должны сделать, чтобы принудительно очистить ввод.Есть ли способ в заголовках html или ответа указать Firefox не хранить данные в формах?

Answer 1

Просто добавьте autocomplete="off" к вашим входам, и вы решите проблему.

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

jQuery, чтобы решить эту проблему для всех входов и текстовых полей

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

Answer 2

Вместо того, чтобы просматривать все входные данные, вы также можете просто добавить атрибут к вашему элементу формы следующим образом:

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

Однако вышеупомянутые методы на domReady у меня не сработали ...

Answer 3

Я думаю, что проще и быстрее сделать это

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

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 = "";
     }
}

Вызовите эту функцию при загрузке.

Answer 5

Я пробовал сокращенное решение выше, но оно не очистило значение полей выбора на моей странице.

Я немного изменил его, и теперь все типы ввода на странице очищаются независимо от типа:

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

Итак, чтобы сделать этот запуск загруженным, я просто поместил его в метод ready ():

$(document).ready(function () {
    var allInputs = $(":input");
    $(allInputs).attr('autocomplete', 'off');
});

Answer 6

Если вы хотите сохранить функцию автозаполнения браузера (см. Другие действительные ответы), попробуйте добавить в форму атрибут name и присвоить ему случайное значение. У меня это сработало:

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

Answer 7

Я обнаружил, что единственное исправление для меня было сделать

document.forms[0].reset();

до того, как документ будет готов в начале страницы, как это было предложено в комментарии @Marek выше - не очень хорошо, но у меня получилось (атрибут autocompleteметод через jQuery, JS или HTML, в конце концов, не помог мне)