gpt4 book ai didi

javascript - 文本框为空时 onkeyup 不起作用

转载 作者:行者123 更新时间:2023-11-30 12:21:44 27 4
gpt4 key购买 nike

我旁边有一个文本框和一个提交按钮。该按钮处于禁用状态。一旦用户在文本框中键入内容,就应该启用它。那工作正常。但是一旦用户开始输入,它就会被启用。如果使用退格键将字段清空,按钮仍保持启用状态。

<html>
<body>
<input type="text" id="fname" onkeyup="myFunction()">
<input type="button" id="a" disabled = "true" value ="click me">
<script>
function myFunction()
{
var x = document.getElementById("fname");
x.value = x.value.toUpperCase();
if(x.value != " ")
{
document.getElementById('a').disabled=false;
}
}
</script>
</body>
</html>

最佳答案

如果文本框为空,你应该在你的条件中添加 else 语句,使按钮禁用。试试下面的代码。

<html>
<body>
<input type="text" id="fname" onkeyup="myFunction()">
<input type="button" id="a" disabled = "true" value ="click me">

<script>
function myFunction() {

var x = document.getElementById("fname");
x.value = x.value.toUpperCase();
if(x.value != "")
{
document.getElementById('a').disabled=false;
}else {
document.getElementById('a').disabled=true;
}
}
</script>
</body>
</html>

关于javascript - 文本框为空时 onkeyup 不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30772138/

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