如何启用和禁用Twitter Bootstrap Button？

Question

我试图实现在单击它时禁用按钮,然后在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: Unexpected token (.感觉这在某个地方是一个愚蠢的错误,我无法弄明白.我已经阅读prop过jQuery 1.6.1及更高版本,我在1.8.3.

Answer 1

$('#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);
      }
    });
  }
});

试试这个