二重送信を防止する
<html><head><title>二重送信を防止する</title>
<script type="text/javascript">
<!--
function submitOnce(form) {
for(i = 0; i < form.elements.length; i++) {
if(form.elements[i].type == "submit")
form.elements[i].disabled = true;
}
}
//-->
</script>
</head>
<body>
<form action="demo.html" onsubmit="submitOnce(this);">
名前：<input type="text" name="name" value="" size="30">
メールアドレス：<input type="text" name="mail" value="" size="30">
感想：<textarea name="comment" rows="5" cols="50"></textarea>
<input type="submit" value=" 送 信 ">
</body>
</html>
一度送信ボタンを押したら、押せない状態のボタンに変化します。
押せなくすることで二重送信を防止することができます。
<head></head>内にJavaScriptを記述します。
<form>タグに onsubmit="submitOnce(this);"と記述します。
すると、submitボタンをクリックすると押せない状態に変わります。
ホームページ作成ガイド
ホームページ作成ガイド