Faça a página para dizer ao navegador para não armazenar em cache / preservar os valores de entrada

A maioria dos navegadores armazena em cache os valores de entrada do formulário. Portanto, quando o usuário atualiza uma página, as entradas têm os mesmos valores.

Aqui está meu problema. Quando um usuário clica em Salvar , o servidor valida os dados POSTados (por exemplo, produtos verificados) e, se não forem válidos, os envia de volta ao navegador. No entanto, conforme declarado acima, mesmo se o servidor limpar a seleção de alguns valores, eles ainda podem ser selecionados por causa do cache do navegador!

Meus dados têm caixas de seleção invisíveis (até que o item pai seja selecionado), de modo que o usuário pode até não saber que algum valor anterior ainda está selecionado, até clicar em Salvar novamente e receber uma mensagem de erro - mesmo que o usuário pense que não. O que é irritante.

Isso pode ser resolvido fazendo Ctrl+ F5, mas não é nem mesmo uma solução. Existe uma maneira automática / programática de dizer ao navegador para não armazenar em cache os dados de entrada do formulário em algum formulário / página?

Você está definindo explicitamente os valores como em branco? Por exemplo:

<input type="text" name="textfield" value="">

Isso deve impedir os navegadores de colocar dados onde não deveriam. Como alternativa, você pode adicionar o autocompleteatributo à tag do formulário:

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

De uma referência de Stack Overflow

Não funcionou com value = "" se o navegador já salvou o valor, então você deve adicionar.

Para uma tag de entrada, há o atributo autocomplete que você pode definir:

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

Você também pode usar o preenchimento automático para um formulário.

Outra abordagem seria redefinir o formulário usando JavaScript logo após o formulário no HTML:

<form id="myForm">
  <input type="text" value="" name="myTextInput" />
</form>

<script type="text/javascript">
  document.getElementById("myForm").reset();
</script>

Basicamente, existem duas maneiras de limpar o cache:

<form autocomplete="off"></form>

ou

$('#Textfiledid').attr('autocomplete', 'off');

Isso funcionou para mim em navegadores mais recentes:

autocomplete="new-password"