如何防止重復提交<a href=“”>？</a>

Question

我對雙重提交有疑問。

我有多個<a href = ""> 。 如果我單擊<a href= ""> <a href="">

碼：

<a href="dashboard.php" id ="submitID" class="submit" >Dashboard </a>
<a href="orderList.php"  id ="submitID" class="submit" >Order List</a>
<a href="newOrder.php"  id ="submitID" class ="submit">New Order</a>

Answer 1

首先，請修改您的id以使其唯一。

如果您使用的是jQuery 1.4.3+版本：

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

如果不是，則綁定function() { return false; } function() { return false; } 。 那你也可以

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

當您希望他們再次工作時。

Answer 2

歡迎使用堆棧溢出。

首先，永遠不要有多個具有相同ID的DOM元素。

第二，在綁定中為提交類設置一個變量（該綁定使用jquery），如果您提交則翻轉它。

包含帶有腳本標簽的jquery，然后將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

jQuery：

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>

Answer 4

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

您可以在這里嘗試： http : //jsfiddle.net/p8a5s/當然 ，不要對不同的DOM元素t use the same ID 。