javascript – 如何启用和禁用Twitter Bootstrap按钮？

我试图实现在单击它时禁用按钮,然后在ajax请求成功完成后再次启用它的情况.

以下是我的代码片段.

形成

<button id="btnSubmit" type="submit" class="btn btn-warning btn-lg">Submit!</button>

使用Javascript

$('#resForm').validate({
  // disable submit button
  $('#btnSubmit').prop('disabled',true);

  submitHandler: function(form) {
    $.ajax({
      ..... typical ajax stuff .....
      success: function(data) {
        alert(data);
        $('success').html(data);
        // enable reserve button again
        $('#btnSubmit').prop('disabled',false);
      },error: function (jqXHR,textStatus,errorThrown) {
        // console.log(jqXHR);
      }
    });
  }
});

它不起作用.在Chrome上检查我的控制台告诉我Uncaught SyntaxError：意外的令牌(.感觉这是一个愚蠢的错误,我无法解决它.我已经读过,这个道具适用于jQuery 1.6.1及更高版本而且我在1.8.3.

解决方法

$('#resForm').validate({


  submitHandler: function(form) {
// disable submit button
  $('#btnSubmit').prop('disabled',true);
    $.ajax({
      ..... typical ajax stuff .....
      success: function(data) {
        alert(data);
        $('success').html(data);
        // enable reserve button again
        $('#btnSubmit').prop('disabled',errorThrown) {
        // console.log(jqXHR);
      }
    });
  }
});

试试这个