Question

I have a form I am submitting with form.submit() to a hidden iframe. I then take the result and process the data.

If the result fails (validation errors) then I display an error in a div tag.

The problem I have is that if you press the submit button again the form submits to a new tab.

I tried form.reset(); // just resets the form.

I have tried resetting the target of the form to the hidden iframe again but that doesn’t seem to work either.

Answer 1

I tried this a long time back.
The trick was to set the target of the form to hidden iframe using html and not JS. What I mean is, you should do:

formContainer.html("<form target='iframe_name' .... />");

However,

get_form_by_id.setAttribute("target","iframe_name") 

didn’t provide the desired result.
(There shouldn’t be a reason for it, however speaking from experience, I faced this issue when designing an IE compatible website and this was the solution that worked).