php - 用户双击提交创建2个帖子

Question

我有一个 Web 应用程序可以让用户创建帖子并写入数据库

但是，当用户双击提交按钮时，我遇到了一个问题，它会创建 2 个帖子。文件变成查询两次，有什么办法可以解决这个问题。（我使用 jquery Post 到下一个文件并写入 DB）

$.post('add.php',{title:post.title.value,...}

Answer 1

在您的点击或提交处理程序中，您可以像这样禁用按钮：

$('#add_button').click(function() {
  $(this).attr('disabled', true);
  // Do your post stuff
  $.post('add.php', {}, function(data) {
    // Enable the button after the post, or on your success function
    $(this).attr('disabled', false);
  });

})

编辑：正如@roasted 所说，您也可以使用.prop, 而不是.attr您的 JQuery 对象。

Answer 2

$('#buttonId').click(function() {
   $(this).attr('disabled', 'disabled');
});

参考

快乐编码:)

Answer 3

You disable the button after the first click using javascript. That way you will not have any double posts.