Make page to tell browser not to cache/preserve input values
Most browsers cache form input values. So when the user refreshes a page, the inputs have the same values.
Here's my problem. When a user clicks Save, the server validates POSTed data (e.g. checked products), and if not valid, sends it back to the browser. However, as stated above, even if the server clears selection for some values, they may still be selected because of the browser cache!
My data has invisible (until parent item selected) checkboxes, so the user may be even not aware that some previous value is still selected, until clicking Save again and gets an error message - even though the user thinks it's not. Which is irritating.
This can be resolved by doing Ctrl + F5, but it's not even a solution. Is there an automatic/programmatic way to tell browser not to cache form input data on some form/page?
<form autocomplete="off"... an option for you? Is this problem occurring across all browsers, or just one in particular?
<select> lists. I have a list and have defined a selected choice but refreshing the page retains previous selected options.
Are you explicitly setting the values as blank? For example:
<input type="text" name="textfield" value="">
That should stop browsers putting data in where it shouldn't. Alternatively, you can add the autocomplete attribute to the form tag:
<form autocomplete="off" ...></form>
From a Stack Overflow reference
It did not work with value="" if the browser already saves the value so you should add.
For an input tag there's the attribute autocomplete you can set:
<input type="text" autocomplete="off" />
You can use autocomplete for a form too.
autocomplete="off" has no effect when used on individual form-elements - even with value attribute explicitly set blank, and while sending a Cache-Control: Must-Revalidate header, this had no effect. I had to apply the autocomplete="off" attribute to the <form> element itself to suppress this behavior in Chrome.
Another approach would be to reset the form using JavaScript right after the form in the HTML:
<form id="myForm">
<input type="text" value="" name="myTextInput" />
</form>
<script type="text/javascript">
document.getElementById("myForm").reset();
</script>
Basically, there are two ways to clear the cache:
<form autocomplete="off"></form>
or
$('#Textfiledid').attr('autocomplete', 'off');
This worked for me in newer browsers:
autocomplete="new-password"
Follow WeChat
Success story sharing
Want to stay one step ahead of the latest teleworks?
Subscribe Now相似问题
- How do you disable browser autocomplete on web form field / input tags?
- How to force a web browser NOT to cache images
- How can I make a div not larger than its contents?
- How to make JavaScript execute after page load?
- Max parallel HTTP connections in a browser?
- How to make a div 100% height of the browser window
- Force browser to clear cache
- Get the size of the screen, current web page and browser window
- Make body have 100% of the browser height
- Clear all fields in a form upon going back with browser back button
checked="false", it may work in some browsers. Another alternative is to use Javascript/jQuery to explicitly untick all checkboxes on page load.