如何在jQuery中禁用或启用表单提交按钮

以下是详细讲解如何在jQuery中禁用或启用表单提交按钮：

1. 使用.attr()方法改变按钮属性

可以使用jQuery的.attr()方法更改按钮的disable属性来禁用或启用提交按钮。该方法需要传递一个键值对，其中“disabled”作为键，值为true（禁用）或false（启用）。

下面是一个示例说明：

<form id="myForm">
  <input type="text" name="username">
  <button type="submit" id="submitBtn">Submit</button>
</form>

$(function() {
  $('form#myForm').submit(function() {

    // 禁用提交按钮
    $('#submitBtn').attr('disabled', true);

    // 发送表单数据
    $.ajax({
      type: 'POST',
      url: '/submit',
      data: $('form#myForm').serialize(),
      success: function(response) {
        alert(response.message);
      },
      error: function(xhr, status, error) {
        alert('An error occurred: ' + error);
      },
      complete: function() {

        // 启用提交按钮
        $('#submitBtn').attr('disabled', false);
      }
    });

    return false;
  });
});

在上述示例中， $('form#myForm').submit() 函数中拦截了表单的默认事件。然后使用 $('#submitBtn').attr('disabled', true) 禁用了提交按钮，然后使用 $.ajax() 函数发送表单数据。在$.ajax()函数的complete回调函数中，使用 $('#submitBtn').attr('disabled', false) 重新启用提交按钮。

2. 使用.prop()方法改变按钮属性

可以使用jQuery的.prop()方法更改按钮的disabled属性来禁用或启用提交按钮。该方法需要传递一个键值对，其中“disabled”作为键，值为true（禁用）或false（启用）。

下面是另一个示例说明：

<form id="myForm">
  <input type="text" name="username">
  <button type="submit" id="submitBtn">Submit</button>
</form>

$(function() {
  $('form#myForm').submit(function() {

    // 禁用提交按钮
    $('#submitBtn').prop('disabled', true);

    // 发送表单数据
    $.ajax({
      type: 'POST',
      url: '/submit',
      data: $('form#myForm').serialize(),
      success: function(response) {
        alert(response.message);
      },
      error: function(xhr, status, error) {
        alert('An error occurred: ' + error);
      },
      complete: function() {

        // 启用提交按钮
        $('#submitBtn').prop('disabled', false);
      }
    });

    return false;
  });
});

在上述示例中， $('form#myForm').submit() 函数中拦截了表单的默认事件。然后使用 $('#submitBtn').prop('disabled', true) 禁用了提交按钮，然后使用 $.ajax() 函数发送表单数据。在$.ajax()函数的complete回调函数中，使用 $('#submitBtn').prop('disabled', false) 重新启用提交按钮。

以上是如何在jQuery中禁用或启用表单提交按钮的完整攻略，希望对你有所帮助。