Seite erstellen, um dem Browser mitzuteilen, dass er Eingabewerte nicht zwischenspeichern soll

Question

Die meisten Browser zwischenspeichern Formulareingabewerte. Wenn der Benutzer also eine Seite aktualisiert, haben die Eingaben die gleichen Werte.

Hier ist mein Problem. Wenn ein Benutzer klickt Speichern Sie überprüft der Server die per POST übermittelten Daten (z. B. geprüfte Produkte) und sendet sie, falls sie nicht gültig sind, an den Browser zurück. Wie bereits erwähnt, kann es jedoch vorkommen, dass einige Werte aufgrund des Browser-Caches immer noch ausgewählt sind, selbst wenn der Server die Auswahl löscht!

Meine Daten haben unsichtbare (bis zur Auswahl des übergeordneten Elements) Kontrollkästchen, so dass der Benutzer möglicherweise nicht einmal weiß, dass ein früherer Wert noch ausgewählt ist, bis er auf Speichern Sie und erhält eine Fehlermeldung - auch wenn der Benutzer denkt, dass es nicht so ist. Das ist ärgerlich.

Dies kann wie folgt behoben werden Ctrl + F5 aber das ist nicht einmal eine Lösung. Gibt es eine automatische/programmatische Möglichkeit, dem Browser mitzuteilen, dass er die Eingabedaten eines Formulars/einer Seite nicht zwischenspeichern soll?

Answer 1

Setzen Sie die Werte explizit als leer? Zum Beispiel:

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

Das sollte verhindern, dass Browser Daten dort eingeben, wo sie nicht hingehören. Alternativ können Sie auch die autocomplete Attribut an den Formular-Tag an:

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

Answer 2

Desde eine Stack Overflow-Referenz

Es funktionierte nicht mit value="", wenn der Browser den Wert bereits speichert, also sollten Sie hinzufügen.

Für ein Eingabe-Tag gibt es das Attribut autocomplete, das Sie einstellen können:

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

Sie können die automatische Vervollständigung auch für ein Formular verwenden.

Answer 3

Grundsätzlich gibt es zwei Möglichkeiten, den Cache zu löschen:

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

oder

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

Answer 4

Eine andere Möglichkeit wäre, das Formular mit JavaScript direkt nach dem Formular im HTML-Code zurückzusetzen:

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

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

Answer 5

Bei neueren Browsern funktionierte dies bei mir:

autocomplete="new-password"