2013-07-18 41 views
-5

任何人都可以告訴我如何禁用提交按鈕後,它已被按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?任何人都有一個腳本來禁用按下後提交按鈕

+0

是否次數已按需要被在頁面重新加載後記得? – Antoine

+0

它是ajax形式嗎? –

+0

提交按鈕不會導致頁面加載。也許他已經在其他地方攔截了默認行爲,並正在做一些不同的事情。 – SexyBeast

回答

1

你可以有獲取與上的按鈕,當計數器已經達到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; 
} 
}; 
+0

現在你可以提交20次提交然後禁用按鈕 – user2597055

+0

嗯,不這個代碼在做什麼? – SexyBeast

+0

我認爲他意味着他正在提交表單,而不是僅僅點擊一個按鈕。似乎沒有答案將其考慮在內。 –

1

http://jsfiddle.net/X7Y7W/1/

<!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> 
+0

ü使它的儀式,但這裏是我按1次然後按鈕禁用第一次按下我需要20次按下按鈕後,然後按鈕禁用 – user2597055

+0

@ user2597055看到編輯, – user2580076

+0

@ user2597055做出一些努力不會殺了你。 – Nasreddine

0

如果你做一個return true;doSection(loading);,我懷疑doSection將永遠不會得到執行。將return true;放在最後位置。

另請注意,提交按鈕應該提交其父窗體的字段。所以你應該被重定向到另一個頁面(或相同的)。也就是說,如果您使用javascript計算點擊次數,則計數器將在首次提交後重置。

1
<script> 
var NumberOfClicks = 0; 
function disbale(thisobject) 
{ 
NumberOfClicks++; 
    if(NumberOfClicks == 2){ 
     thisobject.disabled="true"; 
    } 
} 
</script> 

<button id="demo" onclick="disbale(this)">Click me</button> 
+0

如果有人重新加載頁面然後按鈕再次啓用這是可能的20次按下按鈕....按鈕被禁用永久,如果任何人可以重新加載頁面,所以他不能推按鈕 – user2597055

+0

@ user2597055:你需要設置cookie!或HTML5存儲 – 2013-07-19 00:34:45