多次按下时只提交一次表单

Question

这就是我的表单的样子：

<form method="post" action="kudos.php">
    <input type="hidden" name="hidden_id" value="<?php echo $id ?>">
    <input type="hidden" name="hidden_ident" value="<?php echo $myIdent ?>">
    <button type="submit" id="kudosBtn" class="kudosBtn"></button>
</form>

如果用户快速按下提交按钮10次，表单也将提交10次。我尝试将onclick=“kudosclick（）”添加到submit按钮和下面的脚本中，但这并不能起到任何作用：

<script>
function kudosClick() {
    $(this).attr("disabled", "disabled");
}
</script>

有什么解决方法吗？

Answer 1

这是假设您正在使用jQuery，基于您提供的代码：

$("#kudosBtn").click(function() {
  $(this).prop("disabled", "true");
})

$(this)现在将引用$（“#kudosbtn”），这是您想要的。