Crear página para decirle al navegador que no almacene en caché / preserve los valores de entrada

La mayoría de los navegadores almacenan en caché los valores de entrada del formulario. Entonces, cuando el usuario actualiza una página, las entradas tienen los mismos valores.

Este es mi problema. Cuando un usuario hace clic en Guardar , el servidor valida los datos publicados (por ejemplo, productos comprobados) y, si no son válidos, los devuelve al navegador. Sin embargo, como se indicó anteriormente, incluso si el servidor borra la selección de algunos valores, ¡aún pueden seleccionarse debido a la caché del navegador!

Mis datos tienen casillas de verificación invisibles (hasta que se seleccione el elemento principal), por lo que es posible que el usuario ni siquiera sepa que algún valor anterior todavía está seleccionado, hasta que haga clic en Guardar nuevamente y obtenga un mensaje de error, aunque el usuario piense que no lo está. Lo que es irritante.

Esto se puede resolver haciendo Ctrl+ F5, pero ni siquiera es una solución. ¿Existe una forma automática / programática de decirle al navegador que no almacene en caché los datos de entrada del formulario en algún formulario / página?

¿Está estableciendo explícitamente los valores en blanco? Por ejemplo:

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

Eso debería evitar que los navegadores coloquen datos donde no deberían. Alternativamente, puede agregar el autocompleteatributo a la etiqueta del formulario:

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

De una referencia de Stack Overflow

No funcionó con value = "" si el navegador ya guarda el valor, por lo que debe agregar.

Para una etiqueta de entrada, existe el atributo autocompletar que puede establecer:

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

También puede utilizar la función de autocompletar para un formulario.

Otro enfoque sería restablecer el formulario usando JavaScript justo después del formulario en el HTML:

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

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

Básicamente, hay dos formas de borrar la caché:

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

o

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

Esto funcionó para mí en los navegadores más nuevos:

autocomplete="new-password"