منع صفحة الويب من التمرير إلى الأعلى عند إرسال النموذج

Question

أقوم بإرسال نموذج عبر علامة ربط وجافا سكريبت.

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

بمجرد النقر على الزر، تنتقل الصفحة على الفور إلى أعلى الصفحة وتستمر في عملية إرسال النموذج العادية.

كيف يمكنني منع الصفحة من التمرير إلى الأعلى ولماذا يحدث ذلك؟

Answer 1

قم بتغيير حدث OnClick الخاص بك ليكون في HREF.

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

أو قم بإرجاع خطأ حتى لا يستمر في معالجة النقرة

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

Answer 2

هل يمكن في شكل ديك مرساة اسم

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

وويفعل ذلك لأن النموذج يقدم هو طلب صفحة جديدة.