提交按鈕變灰

Question

我有一個很重要的窗體提交按鈕。我不希望用戶多次點擊它。有沒有辦法使它在點擊後不可點擊或變灰。 （也許是點擊事件？）。我的簡單代碼是

<form method='POST' action='index.php'> 
<input type='text' name='text' id='text'> 
<input type ='submit' value='submit' name='submit'> 
</form> 

Answer 1

您可以使用onclick事件來獲取按鈕並將其禁用屬性設置爲true。

<input type ='submit' value='submit' 
     id="my_submit_button" name='submit' 
     onclick="document.getElementById('my_submit_button').disabled = 'disabled'"> 

disabled屬性的語法是非常愚蠢的，爲什麼它不布爾我不知道，但它是什麼，它是：

http://www.w3schools.com/tags/att_input_disabled.asp

Answer 2

以下onClick屬性只是添加到您的按鈕：

<input type="submit" value="submit" name="submit" 
onclick=" 
    if(!submitted) { 
    this.value = 'Please wait...'; 
    this.disabled = true; 
    submitted = true; 
    return true; 
    } else { 
    return false; 
    } 
">