jQuery 禁用启用提交按钮 - JavaScript

如果您需要在表单提交时禁用或启用提交按钮，可以使用jQuery轻松实现此功能。本文将介绍如何使用JavaScript和jQuery来禁用和启用提交按钮。

禁用提交按钮

以下是如何使用jQuery禁用提交按钮的代码：

$('form').submit(function() {
  $('input[type="submit"]').prop('disabled', true);
});

在此代码中，我们使用jQuery选择被提交的表单，然后通过选择器选择提交按钮，并将其disabled属性设置为true，以禁用提交按钮。

启用提交按钮

以下是如何使用jQuery启用提交按钮的代码：

$('form').submit(function() {
  $('input[type="submit"]').prop('disabled', false);
});

在此代码中，我们使用jQuery选择被提交的表单，然后通过选择器选择提交按钮，并将其disabled属性设置为false，以启用提交按钮。

完整代码

以下是完整的jQuery代码，包括禁用和启用提交按钮：

$('form').submit(function() {
  $('input[type="submit"]').prop('disabled', true);
});

$('form').on('ajax:success', function() {
  $('input[type="submit"]').prop('disabled', false);
});

在此代码中，我们使用第一个代码块禁用提交按钮，并在表单提交成功后启用该按钮。

总结

在此文章中，我们介绍了如何使用jQuery禁用和启用提交按钮。这是一个简单且有用的技巧，可以提高用户体验并防止表单重复提交。