Clear an input field after submission using JavaScript

Question

I am a JavaScript newbie. I have an input text field that I wish to clear after pressing the form submit button. How would I do that?

Answer 1

In your FORM element, you need to override the onsubmit event with a JavaScript function and return true.

<script type="text/javascript">
    function onFormSubmit ()
    {
     document.myform.someInput.value = "";
     return true; // allow form submission to continue
    }
</script>
<form name="myform" method="post" action="someaction.php" onsubmit="return onFormSubmit()">
<!-- form elements -->
</form>

Answer 2

If a user presses the submitbutton on a form the data will be submitted to the script given in the action attribute of the form. This means that the user navigates away from the site. After a refresh (assuming that the action of the form is the same as the source) the input field will be empty (given that it was empty in the first place).

If you are submitting the data through javascript and are not reloading the page, make sure that you execute Nick's code after you've submitted the data.

Hope this is clear (although I doubt it, my English is quite bad sometimes)..