javascript - 如何防止重复提交？

Answer 1

首先，请将您id的 s 修复为唯一。

如果您使用 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，然后将您的 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 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/当然 还有t use the same ID不同的DOM元素