【Javascript】ダブルクリックによる二重送信の防止

ITリテラシーの無い方は、シングルクリックとダブルクリックの区別がつかないことも多い。
なんでもかんでもダブルクリック。ブラウザ上でもダブルクリックすることも多い。

formから送信する時にダブルクリックすると二重送信されてしまうので、クリックは一度のみ有効にする。

【Javascript】
disapbled属性をtrueにして押せないようにする(見た目もグレーアウトする)。
ボタンのメッセージを変更するともっとわかりやすいかも。

function DisableButton(btn){
//二重送信防止
    btn.disabled=true;
    btn.value='送信中...';
    btn.form.submit();
}

【html】
onclickでJavascriptを呼び出すようにする。
引数としてボタンそのものを渡す。

<input type="submit" value="送信" id="SubmitButton" onclick="DisableButton(this);">