javascript - 注文ボタンをブロックする

Question

注文ボタンをブロックまたは削除して、顧客が2回または3回注文できないようにするが、ボタンを2回以上クリックするスクリプトを探しています。このようなものが何と呼ばれるのかわかりません。ただし、このサイトはClassic.aspで開発されました。しかし、私はこれが画像ボタンのjavascriptまたはjqueryになると推測して言いますか？これに関する提案やポイントは大きな助けになります!!!!

ありがとう、

Answer 1

ianpgall の回答に対するあなたのコメントを見て、最善の解決策は顧客の注文をサーバー側でチェックすることだと思います。

ボタンをクリックしてフォームを送信するときは、商品がすでにバスケットに追加されているかどうかを確認してください。持っている場合は、再度追加しないことを選択するか、ユーザーに確認を求めることができます。

これにより、ユーザーは必要に応じてボタンを複数回クリックできるようになり、ユーザーが JavaScript を無効にしている場合に誤って製品を追加することも防止されます。

Answer 2

I think you're referring to "disabling" the button. For example:

<input type="button" id="button1" value="Submit" />

$("#button1").click(function () {
    this.disabled = true;
});

If you're using AJAX, you can disable the button when it's clicked, then remove the attribute when the AJAX completes.

UPDATE:

Just as a reminder, this will only work if the user has Javascript enabled. That's a pretty safe thing to expect, but I just wanted to let you know. If it's not enabled, I'm not sure how else to prevent multiple clicks, without enforcing the user to have Javascript enabled. If this is a serious problem, you may want to look into that.

Answer 3

送信ボタンがクリックされたら、無効にすることができます。これにより、ほとんどの場合、これを防ぐことができます。JavaScript と jQuery でこれを行う方法はたくさんあります。

これは、jQuery を使用した簡単な例です。フォームが送信されると、フォーム内のすべての送信ボタンが無効になり、送信ボタンが再度押されるのを防ぎます。

<script type="text/javascript">
$("form").submit(function(){ 
    $(this).find('input[type=submit]').attr("disabled", "disabled"); 
}); 
</script>

また、ユーザーがクリックして再度送信するのを防ぎたい場合は、ASP セッションまたは Cookie に基づく別のソリューションが必要です。