任何人都可以告訴我如何禁用提交按鈕後,它已被按20次? HTML
運行如下:<input type=submit name='sub' value='submit' onClick='this.disabled=true;return true;doSection(loading);'>
和此代碼<p><input type="submit" name="submit" value="Submit" disabled /></p>
我應該怎麼做,以便按下按鈕20次後,它是dsabled?任何人都有一個腳本來禁用按下後提交按鈕
回答
你可以有獲取與上的按鈕,當計數器已經達到20每點擊更新計數器,禁用它:
count = 0;
button = document.getElementsByTagName("input")[0]
/*assuming it's the only submit button in the page */
button.onclick = function() {
count++;
if (count == 20) {
this.disabled = true;
}
};
嗯,不這個代碼在做什麼? – SexyBeast
我認爲他意味着他正在提交表單,而不是僅僅點擊一個按鈕。似乎沒有答案將其考慮在內。 –
<!DOCTYPE html>
<html>
<body>
<p>Click the button to trigger a function.</p>
<button id="demo">Click me</button>
</body>
<script>
var nbSubmits = 0;
document.getElementById("demo").onclick = function(){
nbSubmits++;
if(nbSubmits == 20) {
document.getElementById("demo").disabled="true";
}
}
</script>
</html>
ü使它的儀式,但這裏是我按1次然後按鈕禁用第一次按下我需要20次按下按鈕後,然後按鈕禁用 – user2597055
@ user2597055看到編輯, – user2580076
@ user2597055做出一些努力不會殺了你。 – Nasreddine
如果你做一個return true;doSection(loading);
,我懷疑doSection將永遠不會得到執行。將return true;
放在最後位置。
另請注意,提交按鈕應該提交其父窗體的字段。所以你應該被重定向到另一個頁面(或相同的)。也就是說,如果您使用javascript計算點擊次數,則計數器將在首次提交後重置。
<script>
var NumberOfClicks = 0;
function disbale(thisobject)
{
NumberOfClicks++;
if(NumberOfClicks == 2){
thisobject.disabled="true";
}
}
</script>
<button id="demo" onclick="disbale(this)">Click me</button>
如果有人重新加載頁面然後按鈕再次啓用這是可能的20次按下按鈕....按鈕被禁用永久,如果任何人可以重新加載頁面,所以他不能推按鈕 – user2597055
@ user2597055:你需要設置cookie!或HTML5存儲 – 2013-07-19 00:34:45
- 1. 提交後禁用按鈕
- 2. 在提交後禁用提交按鈕
- 3. 如何禁用提交按鈕,直到按下其他按鈕?
- 4. 用jQuery提交後禁用按鈕
- 5. 禁用更新後的按鈕提交後一直出任一個
- 6. 如何禁用特定類下一個提交按鈕即
- 7. 禁用幾個提交按鈕,只剩下一個啓用(jQuery)
- 8. jQuery提交失敗後禁用按鈕
- 9. 提交後禁用按鈕PHP
- 10. C#MVC BeginForm禁用按鈕後提交
- 11. 發送後禁用提交按鈕
- 12. 後點擊禁用提交按鈕
- 13. 提交按鈕被禁用,直到點擊另一個按鈕
- 14. jquery禁用提交按鈕
- 15. jQuery禁用提交按鈕
- 16. 按下提交按鈕時沒有任何反應
- 17. 點擊提交按鈕後禁用選擇按鈕
- 18. 禁用'提交'按鈕沒有javascript
- 19. 禁用提交但確保按下後退按鈕後重新啓用
- 20. 當我按下另一個按鈕時,如何禁用按鈕
- 21. 使用$ _GET有一個提交按鈕
- 22. WebGrid所有按鈕都提交表單
- 23. 在Magento驗證後點擊一次後禁用提交按鈕
- 24. 如果沒有單選按鈕,請禁用提交按鈕
- 25. 如何禁用jQuery提交按鈕?
- 26. 如何禁用x-editable提交按鈕
- 27. ASP.NET如何禁用按鈕提交?
- 28. 觸發下一個提交按鈕
- 29. ColdFusion 10提交/下一個按鈕
- 30. 禁用按鈕/人之後,除去<div>...</div>點擊提交按鈕(刪除每個人)
是否次數已按需要被在頁面重新加載後記得? – Antoine
它是ajax形式嗎? –
提交按鈕不會導致頁面加載。也許他已經在其他地方攔截了默認行爲,並正在做一些不同的事情。 – SexyBeast