How do you clear a plain HTML form after onsubmit?

Question

After the onsubmit event has fired and the form has been submitted (via an action="mailto:yournamehere@somebox.com") , is there a way to then clear the form, close the window or what? Is there a post submit that I can hook into via JavaScript. This must be a client side only solution.

Answer 1

A quick and easy solution:

<form action="mailto:email@email.com"
    onsubmit="this.submit(); this.reset(); return false;">

Answer 2

function submit_form() {
document.formu1.submit();
document.formu1.reset(); 
}

<form name="formu1" action="action-page" method="POST" target="_blank" />
Name: <input type="text" name="name" /><br /><br />
Pass: <input type="password" name="pass" /><br /><br />
<input type="button" value="Send" onclick="submit_form();" />
</form>

Answer 3

There is no such event.

You could hack it with something along the lines of:

// Begin anonymous wrapper function to limit the scope of variables
// and avoid namespace collisions.
(function () {
  // Get a quick reference to the form. 
  var f = document.forms.myForm;
  // Define a submit handler that won't actually
  // do anything until after the form has "submitted"
  f.onsubmit = function () {
    setTimeout(f.reset, 1000);
  }
}());

… but action="mailto:…" is poorly supported, so you should use a real form handler instead of trying to hack around the limitations of mailto: .

Answer 4

You can simply put:

document.getElementById("myform").reset();

in your onSubmit() handler function.