読者です 読者をやめる 読者になる 読者になる

サーバー構築メモ

サーバーを構築したりWEBサイトを作ったりした際の個人的な備忘録です

Javascript 送信ボタンを無効化してフォームの二重送信を防ぐ

WEBデザイン WEBデザイン-Javascript

フォームの送信ボタンを押したら無効化して二重送信を防ぐ

「HTML部分」

<form action="test.cgi" method="post">
<input type="submit" value="送信" onclick="DisableButton(this);" >
</form>

「Javascript部分」

<script type="text/javascript">
<!--
function DisableButton(pObj) {
 //Formオブジェクトの設定
 pObj.disabled = true;
 pObj.value = '送信中';
 pObj.form.submit();
}
// -->
</script>

サンプルはこちら。