javascript - 禁用超时按钮

Question

我有这个表单，其条件是在发布数据之前提醒验证错误。问题是如果有人双击(可能是错误的)，提交了表单，然后在第一次点击时清除了表单，然后第二次点击将警告“表单为空”，这可能会造成混淆，因为这一切都发生在瞬间.所以我想要的是在单击 3 秒时暂时禁用按钮。但我现在只是让整个功能超时 3 秒，而不仅仅是禁用按钮。我应该怎么做？这是表格的简化版本。谢谢

$('#send').click(function(){

   var self = $('#send');
       setTimeout(function() {
       self.disabled = false;
   if(!$('#text').val()){
      alert('field empty');
  }else{
        $('#message').html('done');
        $('#text').val('');
    }
  }, 3000);
});  

Answer 1

我已经为您编写了一个小示例，用于在单击时禁用按钮。超时将在 3000 毫秒后启用按钮。

Working demo

html:

<input id="text">
<input id="send" type="button" value="send"/>
<div id="message"></div>

Javascript:

$('#send').click(function(){
    var button = $(this);
    button.attr('disabled', 'disabled');
    setTimeout(function() {
         button.removeAttr('disabled');
    },3000);
    if(!$('#text').val()){
       alert('field empty');
       button.removeAttr('disabled');
    }else{
        $('#message').html('done');
        $('#text').val('');
    }
});