remove specific field after clicking back in browser or using history.go(-1)

Question

i have a form with a capacha, if the capacha was entered wrong, after submit the page is doing a "history.go(-1)" and all fields include the capacha input are back on the screen

right now i have a js that clear that - but now that i need it in several places, i want to know if it possible to clear a form field after back with something related to the html form or what ever

thanks

Answer 1

I think it's a bad idea to use "history.go(-1)" and JavaScript at all. You must validate captcha on the server side and in server side choice that page you must render? again with captcha or next.

Answer 2

Have you tried looking into cache controlling the CAPTCHA image (or the page that loads it up)?

Answer 3

I dont think its possible with only html, need to add some programming.

You can have js function that is called on onload event of document.

function can be like this:

function resetfields()
{
  $("input[type=text]").val("");
  $("textarea").val(""); // if any textarea
}

And you can also use some ajax in this function to get a new captcha every time.

you can place this function in your master/header page, so that you don't need to copy it to all pages (for that you may need to make selector more precise).