仅在“成功”登录页面上单击“后退”按钮时，而不是在“错误”页面上单击后，才重置表单

Question

I have a form.

Successful submission will load the success .html page.

If there is an error (empty field or invalid email address) it will load the error .html page.

I'd like to reset the form (empty all fields) only if a visitor presses the browser's back button from the success .html. If a visitor presses the BACK button on the error page the form should not be reset, ie the browser should behave as it normally does (default).

This code resets the form when somebody presses the back button to get back to the form:

$(window).bind("pageshow", function() {
  document.form_name.reset();
});

So how can I make the form page aware of where the visitor came back from (when people press the browser's back button)?

I thought I might define a variable (if true then reset, false on error page, true on success page) but for some reason this does not work. What is the best practice here?

Thank you for your help.

Answer 1

Ok, I think I worked it out:

on the success page I add one JS line:

top.name='success';

And on the page with the form I add this:

$(window).bind("pageshow", function() {
    if (top.name === "success") {
             document.form_name.reset();
                top.name="";}
});

It works for me if JavaScript is enabled. Should work in most browsers. Maybe not the most elegant solution + depends on JS being enabled but I couldn't think of any other that's working. I read that the window.name method is not secure (other pages can read the window.name) but then the word 'success' is not really highly classified information.