gpt4 book ai didi

javascript - 如何动态启用/禁用按钮

转载 作者:行者123 更新时间:2023-11-30 17:28:58 24 4
gpt4 key购买 nike

基于答案here ,我尝试创建一个类似的验证函数:

<html>
<head>
<script>
$("#my_name_id").on("change", function() {
if (!$("#my_name_id").val()) {
$("#button_id").attr("disabled", "disabled");
} else {
$("#button_id").attr("enabled", "enabled");
}
});
</script>
</head>
<body>
<form action="" name="test_form" id="test_form_id" method="post">
<input type="text" name="my_name" id="my_name_id" placeholder="Type your name"/>
<button type="submit" id="button_id">My button</button>
</form>
</body>
</html>

在这个例子中,我想不断检查输入框是否包含任何字符。如果是,则应启用该按钮(可单击)。如果输入框不包含任何文本,则应禁用该按钮。

但是,在我的例子中,按钮始终保持启用状态。我在这里做错了什么?

最佳答案

你应该使用prop,而不是attr。毕竟你的代码会变得更简单:

$("#my_name_id").on("change keyup", function() {
$("#button_id").prop("disabled", !this.value);
})
.trigger('change');

另请注意如何使用 trigger 自动对页面加载进行初始检查。我还包含了 keyup 事件,以便它在您键入时工作。

演示:http://jsfiddle.net/7nywe/

关于javascript - 如何动态启用/禁用按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23595806/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com