1

我正在尝试禁用提交按钮,直到 ajax 功能完成。

现在,我只能弄清楚如何在用户键入时在指定时间内禁用按钮。

如何在加载 ajax 数据之前禁用提交按钮?谢谢你。

<script>

    $('#comment_comment').keyup(function() {
      $("#new_comment_button").attr("disabled", true);
      setTimeout(function() { $("#new_comment_button").removeAttr("disabled"); }, 2000);
    });

    $('#comment_comment').preview({ key:'my key', 
      selector : {type:'rich'},
      preview : {
        submit : function(e, data){
          $.ajax({
            dataType: 'script',
            url: this.form.attr('action'),
            type: 'POST',
            data: data
          });
        },
      },
      autoplay : 0,
      maxwidth : 350,
      display : {display : 'rich'}
    });

</script>
4

1 回答 1

1

使用简单 JS 启动 AJAX 时禁用该按钮,并在 AJAX 请求完成时启用它。

会是这样的

$.ajax({...
   success: function(){
     submitButton.enable(); // Pseudo-code
   },
   ...
 });

您可以使用 AJAX 请求做几件事。看到这个帖子有关更多信息,

编辑:如果你想阻止双重提交请求,有一种方法可以做到,但我不记得了:/我没有在谷歌上找到它。 这是一种方法,但我不喜欢它

于 2013-01-15T06:39:40.960 回答