防止在javascript中双击按钮

prevent double click on button in javascript

本文关键字：双击 按钮 javascript      更新时间：2023-09-26
<script type="text/javascript">
    $(document).ready(function () {
        $("#submit").on("click", function () {
            $(this).attr('disabled', true);
            var taskid = num;
            var loadnew = 1;
            var guessnum = $("input[name=guessnum]:checked").val();
            if (guessnum != 1 && guessnum != 2) {
                alert("You could not submit an empty answer");
                loadnew = 0;
                location.href = "/minions/peerprediction1.php";
            }
            else if (loadnew == 1) {
                finishedTask += 1;
            }
            var starttime = $("#timestart").val();
            var timecost = starttime;
            $.ajax({
                type: "post",
                url: "GameMysql.php",
                data: "taskid=" + taskid + "&guessnum=" + guessnum + "&effort=" + effort + "&finishedTask=" + finishedTask + "&time=" + timecost,
                success: function (data) {
                }
            });
        });
    });
</script>
<form>
    <a class="button" id="submit"><span>&#10003</span>Submit report</a>
</form>

我想确保表单相同的答案不提交两次，并禁用按钮，但它并没有真正的工作。因为我点击它两次，完成的任务数增加了2我已经在这里看到了答案，在jQuery中防止表单的双重提交我试过了，但仍然不能使它工作

使用button元素，它将提供您想要的功能。它可以样式看起来像一个锚。更少的问题试图让它在所有浏览器中正常工作

$("#submit").on("click",function(){    
    $(this).attr('disabled', true);
    console.log('disabled');
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button class="button" id="submit"> <span>&#10003</span> Submit report</button>

你应该用按钮代替锚点，锚点不支持禁用属性

<button id="submit">Submit Report</button>
相关文章：