了解问题:
您想要控制基于文本字段内容的提交按钮的启用/禁用状态。当文本字段再次变空时,就会出现挑战,需要重新禁用提交按钮。
解决方案:
首先,设置提交按钮的禁用属性提交按钮:
$(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中文网其他相关文章!