javascript - 阻止订单按钮

Question

我正在寻找一个脚本，该脚本将阻止或删除订单按钮，以防止客户进行两次或三次订购，但不止一次单击该按钮。我不知道这样的东西会被称为什么。但是该站点是用 Classic .asp 开发的。但是我会猜测并说这将是图像按钮上的 javascript 或 jquery？对此的任何建议或观点都会有很大帮助！！！！

谢谢，

Answer 1

看到您对 ianpgall 回答的评论后，我认为最好的解决方案是对客户订单进行服务器端检查。

当他们单击按钮并提交表单时，检查他们是否已经将产品添加到他们的购物篮中。如果有，您可以选择不再添加，或要求用户确认。

这允许用户根据需要多次单击按钮，并且还可以防止在用户禁用 javascript 时错误地添加产品。

Answer 2

我认为您指的是“禁用”按钮。例如：

<input type="button" id="button1" value="Submit" />

$("#button1").click(function () {
    this.disabled = true;
});

如果您使用 AJAX，您可以在单击按钮时禁用该按钮，然后在 AJAX 完成时删除该属性。

更新：

提醒一下，这仅在用户启用了 Javascript 时才有效。这是一件很安全的事情，但我只是想让你知道。如果未启用，我不确定如何防止多次点击，而不强制用户启用 Javascript。如果这是一个严重的问题，您可能需要调查一下。

Answer 3

您可以在单击提交按钮后禁用它，这在大多数情况下会阻止这种情况。在 JavaScript 和 jQuery 中有很多方法可以做到这一点。

这是一个使用 jQuery 的简单示例。提交表单后，它将禁用表单中的任何 SUBMIT 按钮，防止再次按下提交按钮。

<script type="text/javascript">
$("form").submit(function(){ 
    $(this).find('input[type=submit]').attr("disabled", "disabled"); 
}); 
</script>

如果您还想防止用户单击返回并再次提交，那么您需要基于 ASP 会话或 cookie 的不同解决方案。