امیرحسین نائی | امیر اچ ان

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

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

گاهی وقتا سرعت نت کاربر پایینه و همین باعث میشه متوجه ارسال اطلاعات فرم نشه و چند بار روی دکمه 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

مدیر سایت

امیرحسین نائی | امیر اچ ان

امیرحسین نائی (amirhn - امیر اچ ان) هستم.
متولد 1379 عاشق❤️ برنامه نویسی با انواع زبان های مختلف 😃
از 15 سالگی یادگیری برنامه نویسی رو شروع کردم
و تا امروز همچنان درحال یادگیری هستم .
در تلاش برای تبدیل شدن به یک Full Stack Developer 💪
روز به روز بیشتر عاشق برنامه نویسی میشم و هرگز برام خسته کننده نمیشه !!!

ارسال نظر

account_circle
mail
security
متن نظر :