Javascript 如果输入为空，则禁用按钮

如果输入为空，我希望禁用“发送”按钮。 我想在JavaScript文件中管理它。 我知道在HTML中可以对输入调用函数，但我更喜欢在js文件中使用事件

//javascript
让inputElt=document.getElementById（'input'）；
设btn=document.getElementById（'button'）；
如果（inputElt.value！=''）{
btn.disabled=false；
}否则{
btn.disabled=true；
}

Réserver

您可以使用

addEventListener

向文本框添加事件，并根据需要启用/禁用

let inputElt=document.getElementById（'input'）；
设btn=document.getElementById（'button'）；
addEventListener（“输入”，函数（）{
btn.disabled=（this.value=''）；
})

Réserver

您可以使用

addEventListener

向文本框添加事件，并根据需要启用/禁用

let inputElt=document.getElementById（'input'）；
设btn=document.getElementById（'button'）；
addEventListener（“输入”，函数（）{
btn.disabled=（this.value=''）；
})

Réserver

作为娱乐，您可以在CSS和html中完成这项工作，参考

#输入：无效+按钮{
不透明度：0.5；
指针事件：无；
}

Réserver

作为娱乐，您可以在CSS和html中完成这项工作，参考

#输入：无效+按钮{
不透明度：0.5；
指针事件：无；
}

Réserver

use

input

event将js中的addEventListener添加到inputElt中，并从侦听器中更新禁用的btn…我遇到了类似的问题，这个问题/答案对我帮助很大。谢谢。我在这里发布了我的问题和解决方案，如果它有助于任何人使用

input

eventuse addEventListener将js中的内容添加到您的inputElt中，并从侦听器中更新禁用的btn…我遇到了类似的问题，这个问题/答案对我帮助很大。谢谢。我在这里发布了我的问题和解决方案，如果它能帮助我的任何人

btn.disabled=！这就是价值disabled

属性，而不是在JS中设置它，否则@AdrienMartinet我同意在DOM中设置disabled。更新。我选择的逻辑检查靠近OP，但您的方式也可以很好地工作。值得包括一个调用，否则可以提交一系列空白（我意识到这不是一个明确的要求）。感谢您的帮助@Jamiec我不理解这部分：btn.disabled=（this.value==''）；禁用不是布尔值吗？我不明白为什么给它赋值。value==''Yes Disable是一个布尔属性：）我会选择

btn.disabled=！这就是价值disabled

属性，而不是在JS中设置它，否则@AdrienMartinet我同意在DOM中设置disabled。更新。我选择的逻辑检查靠近OP，但您的方式也可以很好地工作。值得包括一个调用，否则可以提交一系列空白（我意识到这不是一个明确的要求）。感谢您的帮助@Jamiec我不理解这部分：btn.disabled=（this.value==''）；禁用不是布尔值吗？我不明白为什么给它赋值。value==''是的，禁用是一个布尔属性：）有趣的替代：）谢谢有趣的替代：）谢谢