javascript - 单击时禁用提交按钮太慢，延迟

Question

我有一个使用 jQuery 表单和 jQuery 验证器插件发布的大表单。表单非常大，当您按下提交按钮时，需要一些时间才能发生任何事情。为了防止人们多次点击提交按钮，我在 document_ready 函数中使用了以下内容:

$('#submitbutton').click(function(){
    $(this).attr("disabled", "disabled");
    $(this).parents('form').submit();
});

这是按钮: <input id="submitbutton" type="button" value="Заказать!" />

这确实禁用了按钮，但不是立即禁用，而是仅在提交发生之前禁用，这不是我想要的。立即禁用该按钮的最佳方法是什么？

我让某人点击按钮 5 或 6 次，结果弄得一团糟(这是我为内部使用编写的一个简单的订单表格)。由于这种延迟，很难采取任何其他措施来防止在客户端反复发布完全相同的数据。

无论如何，在客户端也应该有一种优雅的方法来解决这个问题......

目前我只能在服务器端解决。 (无论如何都应该这样做)。

Answer 1

您的表单或提交按钮是否调用了某种类型的验证，在实际发布数据之前需要花费大量时间？

如果是这样，请在验证 javascript 的顶部添加 .hide()。