送信ボタンがグレー表示

Question

非常に重要なフォームに送信ボタンがあります。ユーザーが複数回クリックするのを嫌っています。クリックした後にクリッキング不可またはグレー表示にする方法はありますか？ （たぶんクリックイベントで？）。私の単純なコードは、あなたがボタンをつかみ、trueにdisabledプロパティを設定するのonclickイベントを使用することができます

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

Answer 1

を下回っています。

<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; 
    } 
">