غیر فعال کردن دکمه submit بعد از ارسال

[Mohajerx]

به چه صورتی با javascript میشه کاری کرد که بعد از اینکه کاربر دکمه submit رو برای نمونه در مثال زیر میزنه عملیات ارسال انجام بشه ولی همون لحظه هم دکمه submit غیر فعال بشه و امکان کلیک دوباره نباشد ؟




<form method="POST" action="test.php">
<p><textarea rows="2" name="S1" cols="20"></textarea></p>
<p><input type="submit" value="Submit" name="B1"></p>
</form>

[peyman1987]

وقتی شما دکمه سابمیت رو میزنین صفحه عوض میشه. پس غیرفعال کردن این دکمه فایده‌ای نداره چون با لود دوباره صفحه باز هم فعال خواهد شد.
شاید من منظورتون رو درست نفهمیدم. اگه میشه بیشتر و بهتر توضیح بدین تا مشکلتون زودتر حل بشه.

[Mohajerx]

نه مسئله این نیست
مسئله این هست که بعد از اینکه روی دکمه کلیک میشه برای پردازش فرم
کاربر ممکنه مرتب بخواد روی این دکمه کلیک کنه

توی خیلی از موارد این میتونه باعث یکسری اختلالات بشه به همین خاطر میخواستم وقتی یک کلیک شد و فرم شروع به ارسال کرد دکمه دیسیبل باشه و امکان کلیک کردن توسط کاربر برای دفعات بعدی نباشه. چون شما در نظر بگیرید مثلا یک کاربری میاد و موقع ارسال روی دکمه مرتب کلیک میکنه.

[tabib_m]

راه مفهوم تر، ولی غیر جامع:


<form method="POST" action="test.php">
<p><textarea rows="2" name="S1" cols="20"></textarea></p>
<p><input type="submit" value="Submit" name="B1" onClick='this.disabled='disabled';' /></p>
</form>


راه جامع تر:


<form method="POST" action="test.php" onSubmit="document.getElementById('theSubmit').disabled='dis abled';">
<p><textarea rows="2" name="S1" cols="20"></textarea></p>
<p><input type="submit" value="Submit" name="B1" id='theSubmit' /></p>
</form>


راه اول، در صورتی کار میکنه که کاربر روی کلید submit کلیک کنه.

راه دوم، هم در صورتی کار میکنه که کاربر روی کلید submit کلیک کنه، و هم به هر طریق دیگه ای عمل سابمیت رو انجام بده، مثلا کلید Enter رو بزنه...

موفق باشید.