How to Force Clear Form Data on Back?

[sfranck]

I don't know what I am doing wrong, or maybe it just can't be done, but I have tried everything. I tried using meta tags to clear cache, and several scripts that just didn't work out.

I have an email list subscribe form on the main page of a website.
On submit, it goes to a "thankyou confirmation" page, that pages has a "Go Back" button, that works.
It could also be a absolute url to go to instead of back, whichever will work!
When it goes back, the email address is still in the form field!

How do I get rid of that? It seems easy enough, but I can't figure it out.

Is it some lame feature of my browser to save the form data? If so, can I force it to purge that data?

You will be my best friend forever if you can end my suffering! TRhanks in Advance!

[skriptor]

Hi,
try this in an onload event
document.getElementById( 'fieldid' ).value = '';
There is nothing between the 's.
Good luck skriptor

[Mr J]

You could add

onload="document.forms['formName'].reset()"

to the opening BODY tag, this will reset the form every time the page is loaded or refreshed

[sfranck]

Nope, that didn't work, the information is still in the form. It is like the page is not even reloading, so I am not sure if there was a way to make it. I can make it reload from a popup window, but I just can't from teh same window, very strange.

[blah1985]

Ill make something here

highestV=5;//Highest Element here
for(tmp=0;tmp<=highestV;tmp++)
{
document.getElementById('element'+tmp).value='';
} 

[sfranck]

Yay this one worked! Fabulous thank you soooo much!
I just added onload="document.getElementById( 'email' ).value = '';

One question though, if I wanted to clear more than one field, what would be the syntax for that?

onload="document.getElementById( 'email','name','more' ).value = '';
Would that work?

[sfranck]

no, ie, but I want it to work for ie and fx

[blah1985]

see above

[JPnyc]

function clearEm() {
var txtBoxes = document.getElementsByTagName('input');
for(var i = 0; i < txtBoxes.length;i++) {
txtBoxes[i].value="";
}}

[blah1985]

that ones good to, unless you got other elements

[Mr J]

Nope, that didn't work, the information is still in the form.

Did you change formName to the name of your form because it worked in IE6. Mozilla, Firefox, and NS7

[Ultimater]

Yay this one worked! Fabulous thank you soooo much!
I just added onload="document.getElementById( 'email' ).value = '';

One question though, if I wanted to clear more than one field, what would be the syntax for that?

onload="document.getElementById( 'email','name','more' ).value = '';
Would that work?

Here's how to clear multiple elements by their Ids similiar to the way you are trying to do it:

onload="clearElementsById( 'email','name','more' );"

However, you need to define clearElementsById() first:

function clearElementsById(){
for(var i=0,a=arguments.length,el;i<a;i++){
el=(document.getElementById)?
document.getElementById(arguments[i]):(document.all)?
document.all[arguments[i]]:(document.layers)?
document[arguments[i]]:null
if("value" in el)el.value=""
else if("innerHTML" in el)el.innerHTML=""
}
}

Untested (note I write flawless javascript code 95% of the time)

[CRMBOX]

Here's how to clear multiple elements by their Ids similiar to the way you are trying to do it:

onload="clearElementsById( 'email','name','more' );"

However, you need to define clearElementsById() first:

function clearElementsById(){
for(var i=0,a=arguments.length,el;i<a;i++){
el=(document.getElementById)?
document.getElementById(arguments[i]):(document.all)?
document.all[arguments[i]]:(document.layers)?
document[arguments[i]]:null
if("value" in el)el.value=""
else if("innerHTML" in el)el.innerHTML=""
}
}

Untested (note I write flawless javascript code 95% of the time)