单击一次后禁用提交按钮答案

【问题标题】：disable the submit button after it clicked once单击一次后禁用提交按钮
【发布时间】：2015-03-19 11:09:48
【问题描述】：

这是我的客户网站http://www.tswanda.co.zw/campaigns/tswanda-childrens-home/，当您现在点击捐赠时，会出现一个带有捐赠按钮的弹出窗口，如果您点击捐赠按钮 2、3 或 4 次，它会再次提交价值以供结帐。

我想在提交钱后禁用按钮，请您帮帮我，我尝试使用 Disabling links to stop double-clicks in JQuery 的代码，但对我没有任何作用。

任何帮助将不胜感激。

<script type="text/javascript">
       function do_nothing() { 
            return false;
           }

           // prevent a second click for 10 seconds. :)
                jQuery('.edd-add-to-cart').live('click', function(e) { 
                    jQuery(e.target).click(do_nothing); 
                      setTimeout(function(){
                     jQuery(e.target).unbind('click', do_nothing);
                    }, 50000); 
                  });


    </script>

【问题讨论】：

分享你尝试过的代码
感谢您检查先生..我添加代码
看看这个小提琴jsfiddle.net/L1y2xmhx
试试这个：jsfiddle.net/mohamedrias/u04qgaLt 并检查我的答案是否实施

标签： jquery wordpress

【解决方案1】：

您可以在单击时禁用按钮，并在 5 秒后重新启用：

         jQuery('.edd-add-to-cart').live('click', function(e) { 
             var element = $(this);
             jQuery(e.target).click(do_nothing); 
             element.attr("disabled", "disabled");
             setTimeout(function(){
                 element.removeAttr("disabled");
             }, 50000); 
          });

【讨论】：

【解决方案2】：

试试这个

<input type="submit" name="Submit" value="Submit" onclick="this.disabled=true; this.value='Please Wait...';" />

【讨论】：

【解决方案3】：

在您的点击处理程序中，您正在将另一个点击事件绑定到目标。而且你正在删除那个特定的点击处理程序。

尝试通过设置disabled 属性来禁用按钮并将其删除。

function do_something() {
    alert("doing something");   
}

// prevent a second click for 10 seconds. :)

jQuery('.edd-add-to-cart').live('click', function (e) {
      var self = this;
      $(this).attr("disabled", "disabled");
      do_something();
      setTimeout(function () {
          $(self).removeAttr('disabled');
      }, 10000);
  });

DEMO

【讨论】：