HTML5 + CSS3 でスマートフォンゲームを作っています。
回線が混雑している状況でボタンを2度押ししても1回しかカウントされないボタンを作りたいと考えています。
【基本的な知見】
下記であれば要望に沿ったボタンになります。(ボタンはCSS3の標準ボタンを使用)
<form action="form.cgi" method="post">
<input type="hidden" name="point" value="1" />
<SCRIPT TYPE="text/javascript">
<!--
//submitの2度押し防止
function disableButton(){
document.form1.button1.disabled = true;
submitForm();
}
function submitForm(){
document.form1.submit();
}
// -->
</SCRIPT>
<input type="button" value="購 入" onClick="disableButton()" name="button1">
</form>
【やりたいこと】
「ボタンに数量を表示したいことと、ボタン上の数値表記とCGIに渡すvalueが異なることがある」ため、CSS3の標準ボタンを止め下記のオリジナルCSSのボタンを使用します。
<button class="button8" type="submit" name="point" value="1050" onClick="disableButton()"><div>50ポイント</div></button>
このオリジナルCSSのボタンを使用した場合の2度押し防止のjavascriptはどのように改造すればいいか教えてください。
上記に示したjavascriptの 「document.form1.button1.disabled = true;」のbutton1をpointに変更したところ、数値をCGIに渡せませんでした。
よろしくお願いいたします。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript ①入力フォーム→②確認表示画面→③送信完了画面のコードを書いているのです、 入力フォームから受け取っ 2 2022/05/10 16:45
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
- JavaScript javascriptで移動ボタンを押した際に遷移するボタンを追記したい 1 2022/11/29 03:02
- JavaScript javascriptのちょっとした動作不良(原因は突き止めたのですが) 1 2023/06/15 19:58
- JavaScript Javascriptが機能せず原因が分からないので教えて頂きたいです 3 2023/06/04 14:50
- JavaScript フォームが空欄の時にフォームの外をクリックすると、エラーが出るコードを調べています。 1 2023/06/25 11:51
- JavaScript 1日1回引けるJavaScriptおみくじについて 1 2022/12/12 22:28
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- JavaScript コードレビューをお願いします。 1 2022/07/16 05:38
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
フォーム内で記入したクエリ送...
-
VBScript
-
2度押しを防止したいのですが?
-
confirmのOK・キャンセルを押し...
-
textボックスに入力されたアド...
-
ENTERキーを無効にしたいのです...
-
ボタン2回押しを無効にしたい
-
onClick="this.form.submit
-
HTAで、こんなボタンが作りたい。
-
ボタン無しでフォーム内容送信
-
VBSでブラウザ上のテキストボッ...
-
フォーム内容を上から順番にJav...
-
プルダウンで選択すると、DBの...
-
return trueとreturn falseの用...
-
複数のselect値で1つも選択され...
-
正規表現で複数マッチ条件で悩...
-
スクロールバーの表示位置を変...
-
UWSCのIE操作でプルダウンを選...
-
テキストエリアに入力した改行...
-
【UWSC】HTML内のある部分を抽...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
VBSでブラウザ上のテキストボッ...
-
submitするとなぜか2度実行する
-
confirmのOK・キャンセルを押し...
-
onclickで2個指定するには?
-
ボタン2回押しを無効にしたい
-
フォーム内で記入したクエリ送...
-
onClick="this.form.submit
-
JavaScriptにおいてPOSTで送信...
-
disabled プロパティが表示され...
-
確認ダイアログの出し方(JavaS...
-
onclickをEnterキーでも行いたい
-
jsで質問です。 ボタンが二つ存...
-
ボタン無しでフォーム内容送信
-
confirm()で表示したダイアログ...
-
ボタンを押すとチェックボック...
-
javascriptで二重送信防止
-
VBScript
-
メールフォーム:「必須項目」...
-
Javascriptで二重送信を防止し...
-
ホームページビルダーでメール...
おすすめ情報