Keep webpage from scrolling to top on form submit

Question

I am submitting a form via an anchor tag and javascript.

<a onclick="submit_form();">Submit</a>

As soon as the button is clicked, the page immediately scrolls to the top of the page and continues the normal form submission process.

How can I keep the page from scrolling to the top and why does it do that?

Answer 1

Change your OnClick event to be in the HREF.

<a href="JavaScript:submit_form();">Submit</a>

Or return False so that it doesn't continue processing the click

<a onClick="submit_form(); return false;">Submit</a>