如何在 jQuery 中根据文本字段输入禁用和启用提交按钮？

根据文本字段输入禁用和启用 jQuery 中的提交按钮

了解问题：

您想要控制基于文本字段内容的提交按钮的启用/禁用状态。当文本字段再次变空时，就会出现挑战，需要重新禁用提交按钮。

解决方案：

首先，设置提交按钮的禁用属性提交按钮：

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

接下来，处理文本字段的 keyup 事件以监视其内容：

$('input[type="text"]').keyup(function() {
  var text = $(this).val();

  // If the text field is not empty, enable the submit button.
  if (text != '') {
    $(':input[type="submit"]').prop('disabled', false);
  }

  // If the text field becomes empty, disable the submit button.
  else {
    $(':input[type="submit"]').prop('disabled', true);
  }
});

通过这种方法，您可以动态禁用和启用基于提交按钮关于文本字段中是否存在输入。

以上是如何在 jQuery 中根据文本字段输入禁用和启用提交按钮？的详细内容。更多信息请关注PHP中文网其他相关文章！