Pressing back prefills inputs with value from right before submit

Question

With the following htlm:

<html>
    <body>
        <form action="#">
            <p><input type="text"></input></p>
        </form>
    </body>
</html>

On load the input has an empty value. Change it to "1" and enter (submit) The page will show a "1" Pressing back will prefill the page with the entered "1" instead of the initial state (empty)

My real world application is an asp.net page where the top of the page contains search inputs and the bottom the results. When pressing back the fields are prefilled with values that don't correspond with the values shown in the results shown below.

How can I make it so that the browser's back button will prefill the page with the values that correspond with the initial state of the history's corresponding page?

I would prefer to not disable asp.net cache but wouldn't mind if there is no alternative. All the google hits for disabling cache didn't work though.

UPDATE
I would think the value of the inputs should correspond to the initial state of the entry in the history list. This doesn't seem to be the case. It corresponds to the state right before post.

http:\localhost:8080\index.html => input = ""
http:\localhost:8080\index.html?val=2 => input = "2"
http:\localhost:8080\index.html => input = "2"

Are you sure any of the cache disabling (browser side) doesn't work? — m.edmondson, Jan 04 '11 at 14:13
@m.edmondson: After some more searching I found a working way. A bit sad I lose caching abilities, but so be it... — Boris Callens, Jan 04 '11 at 15:28
In my case my answer below is correct - read the bit towards the bottom — m.edmondson, Jan 04 '11 at 15:34
Here are some solutions http://stackoverflow.com/questions/25019160/disable-browsers-form-inputs-prefill-autofill-feature-when-hitting-back-button — Adriano, Jul 30 '14 at 07:52

score 0 · Answer 1 · answered Jan 04 '11 at 14:16

0

An alternative is clearing out the fields with JavaScript when then document is done loading.

answered Jan 04 '11 at 14:16

JustinByrne

61
1

I don't want to clear them, I want to set them to the correct value – Boris Callens Jan 04 '11 at 14:40

score 0 · Answer 2 · answered Jan 04 '11 at 14:17

You could perhaps introduce a 'dummy' URL variable in order to trick the browser into believing it is a completely new page.

www.example.com/form.aspx?dummy=3423902

Use some javascript to make the browser pull the page again with a new random dummy=

The sever just igores this value.

I understand this will cause 2 postbacks each time but should certainly work. Work on 'asking' the browser to not cache first using the http headers - although I believe when you say:

I would prefer to not disable asp.net cache but wouldn't mind if there is no alternative. All the google hits for disabling cache didn't work though.

That this isn't working.

The first option would work although I think it's a bit farfetched and still makes me loose all caching. — Boris Callens, Jan 04 '11 at 16:23

John K. · Answer 3 · 2011-01-04T14:44:55.793

0

This should work. It's a jquery function so you would need to have that referenced in your page. As an example, this will set the value of the input item to "A"...


$(document).ready(function() {
    // this code will be run immediately after the page has displayed.
    // "ROpt" is the id of the field.
    $("#ROpt").val("A");
 });

edited Jan 04 '11 at 14:44

answered Jan 04 '11 at 14:37

John K.

5,426
1
21
20

Yes, if I could know at compile time what the value for the input should be, this would be an option. Also getting them by Ajax call would require me to log all the requests. That's a no go too. – Boris Callens Jan 04 '11 at 15:30

Pressing back prefills inputs with value from right before submit

3 Answers3

Linked