مشکل چندبار ارسال شدن اطلاعات فرم به سرور

گاهی وقتا سرعت نت کاربر پایینه و همین باعث میشه متوجه ارسال اطلاعات فرم نشه و چند بار روی دکمه submit فرم کلیک میکنه که باعث میشه اطلاعات چند بار به سرور ارسال بشن !!!
برای رفع این مشکل از یه روش ساده استفاده میکنیم !
میخواییم تنظیم کنیم که وقتی روی دکمه submit کلیک شد این دکمه غیرفعال بشه تا دیگه کاربر نتونه اطلاعات رو ارسال کنه تا وقتی که دوباره صفحه رو بارگزاری کنه !
<script>
function a(){
document.getElementById('submit').disabled='disabled';
return false;
}
</script>
<form action="#" method="post" onSubmit="return a()">
<input type="text" placeholder="Name" />
<input type="submit" value="Submit" id="submit" />
</form>
در کد بالا با استفاده از رویداد onsubmit تنظیم کردیم که (پس از کلیک روی دکمه submit) تابع a() اجرا بشه !
و در تابع a() دکمه submit فرم رو غیر فعال کردیم سپس return false رو نوشتم که اطلاعات به سرور ارسال نشه و شما عملکرد کد رو که غیرفعال شدن دکمه هست ببینید (چون در غیر این صورت سریع به صفحه مقصد منتقل میشدید و دکمه که غیرفعال شده رو مشاهده نمیکردید). برای عملکرد صحیح کد باید بجای برگرداندن false عبارت true رو بنویسید تا اطلاعات به فایل مورد نظر ارسال بشن !
تاریح ارسال/ویرایش پست : 10/9/1395
مشکل ارسال فرم html به سرور,مشکل چند بار ارسال شدن اطلاعات فرم به سرور,html,javascript,طراحی وب,وبسایت نویسی,