首页 > web前端 > js教程 > 如何在 jQuery 中根据文本字段输入禁用和启用提交按钮?

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

Patricia Arquette
发布: 2024-11-10 15:04:03
原创
1029 人浏览过

How to Disable and Enable a Submit Button Based on Text Field Input in 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中文网其他相关文章!

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板