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

标签 javascript jquery forms

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

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

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

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

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

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

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

最佳答案

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

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

关于javascript - 单击时禁用提交按钮太慢,延迟,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21081737/

相关文章:

javascript - 如何让子组件控制父组件的 react ?

javascript - 使用 JS(原型(prototype)和 Rails 3)更改 hidden_​​field_tag 的值

javascript - 是否可以检查在 HTML 页面中加载了多少字节?

jquery - 谷歌图表 : Data from . json 文件

javascript - 获取嵌套 javascript 对象中具有最高属性值的键的名称,

javascript - 在 bootstrap navbar-collapse 中居中站点地图菜单。随着屏幕尺寸的变化删除空白

javascript - 如何检测 iframe 调整大小?

html - POST 未选中的 HTML 复选框

javascript - 在外部网站上预填写输入/表格

java - 迭代表单元素 htmlunit