navegadores - no cache html5

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

Question

La mayoría de la memoria caché del navegador forman valores de entrada. Entonces, cuando el usuario actualiza la página, las entradas tienen los mismos valores.

Aquí está mi problema. Cuando el usuario hace clic en Guardar, el servidor valida los datos de POST (por ejemplo, productos comprobados) y, si no es válido, lo envía de vuelta al navegador. Sin embargo, como se indicó anteriormente, incluso si el servidor borra la selección de algunos valores, aún pueden ser seleccionados debido a la caché del navegador. Mis datos tienen casillas de verificación invisibles (hasta el elemento principal seleccionado), por lo que es posible que el usuario no sepa que todavía se ha seleccionado algún valor previo, hasta que haga clic en Guardar nuevamente y reciba un mensaje de error, aunque el usuario considere que no. Lo cual 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 datos de entrada en algún formulario / página?

Answer 1

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

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

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

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

Answer 2

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

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

o

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

`

Answer 3

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>

Answer 4

agregar tarde, pero esto funcionó para mí en los navegadores más nuevos:

autocomplete = "nueva contraseña"

Answer 5

de la referencia de

no funcionó con value = "" si el navegador ya guardó el valor por lo que debe agregar

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

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

También puedes usar autocompletar para un formulario.