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

chongzixin 发表于 Dev

chongzixin

我正在尝试实现以下方案：禁用单击按钮，然后在ajax请求成功完成后再次启用它。

以下是我的代码段。

形成

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

Java脚本

$('#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: Unexpected token (。感觉这是一个愚蠢的错误，我无法弄清楚。我已经读过这prop是指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', false);
      },
      error: function (jqXHR, textStatus, errorThrown) {
        // console.log(jqXHR);
      }
    });
  }
});