Не допускайте прокрутки веб-страницы вверх при отправке формы

Question

Я отправляю форму через тег привязки и JavaScript.

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

Как только кнопка нажата, страница немедленно прокручивается до верхней части страницы и продолжается обычный процесс отправки формы.

Как предотвратить прокрутку страницы вверх и почему она это делает?

Answer 1

Измените событие OnClick, чтобы оно было в HREF.

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

Или верните False, чтобы обработка клика не продолжалась.

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

Answer 2

В форме вы можете указать привязку имени.

<a name="name"></a>
<form action="example.html#name">

Это происходит потому, что отправка формы — это запрос новой страницы.