javascript - の二重提出を防ぐにはどうすればよいですか?

Answer 1

idまず、 を一意になるように修正してください。

jQuery バージョン 1.4.3 以降を使用している場合:

$("a.submit").click(function() {
    $("a.submit").bind('click', false);
});

そうでない場合は、バインドしfunction() { return false; }ます。次に、次のこともできます

$("a.submit").unbind('click')

それらを再び機能させたい場合。

Answer 2

スタック オーバーフローへようこそ。

まず第一に、同じ ID を持つ複数の DOM 要素を持つべきではありません。

次に、送信クラスへのバインドで変数を設定し (バインドは jquery を使用しています)、送信する場合はそれを反転します。

jquery に script タグを含めてから、javascript をドキュメントにラップします。

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

<script type="text/javascript>
$(document).ready(function () {
    $('.submit').bind('click', function () {
        var isSubmitted = false;
        if (isSubmitted === false) {
            $.get($(this).attr('href'), function () {
                isSubmitted = true;
            });
        }
    });
});
</script>

これはもちろん、何らかの ajax スタイルの機能が必要であることを前提としています。そうでない場合は、新しいページに投稿することになるため、リンクがあれば特に心配する必要はありません。

Answer 3

var submitStatus = false;
    $('a.submit').click(function(e){
        if (!submitStatus) {
            alert('clicked');
            submitStatus = true;
        } else {
            e.preventDefault();
        }
    });

ここで試すことができます: http://jsfiddle.net/p8a5s/t use the same IDもちろん、さまざまな DOM 要素の don s

Answer 4

Jクエリ:

var count=0;
$(".submit").click(function(){
if(count>0){
return false
}
++count;
});

HTML

<a href="dashboard.php" id ="submitID1" class="submit" >Dashboard </a>

<a href="orderList.php"  id ="submitID2" class="submit" >Order List</a>    

<a href="newOrder.php"  id ="submitID3" class ="submit">New Order</a>