Fatal编程技术网
  • javascript/
  • Javascript 文本框为空时onkeyup不工作

Javascript 文本框为空时onkeyup不工作

javascript

Javascript 文本框为空时onkeyup不工作,javascript,onkeyup,Javascript,Onkeyup,我有一个文本框和一个提交按钮旁边。按钮处于禁用状态。用户在文本框中键入内容后，应将其启用。这很好。但是一旦用户开始输入，它就会被启用。如果使用backspace使字段为空，则按钮仍保持启用状态 <html> <body> <input type="text" id="fname" onkeyup="myFunction()"> <input type="button" id="a" disabled = "true" value ="clic

我有一个文本框和一个提交按钮旁边。按钮处于禁用状态。用户在文本框中键入内容后，应将其启用。这很好。但是一旦用户开始输入，它就会被启用。如果使用backspace使字段为空，则按钮仍保持启用状态

<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>


函数myFunction（）
{ 
var x=document.getElementById（“fname”）；
x、 value=x.value.toUpperCase（）；
如果（x.value！=“”）
{ 
document.getElementById（'a'）。disabled=false；
} 
}
你非常接近。您只需检查length属性，并在文本框中没有值时添加else语句来禁用按钮


函数myFunction（）{
var x=document.getElementById（“fname”）；
x、 value=x.value.toUpperCase（）；
如果（x.value.length>0）
{
document.getElementById（'a'）。disabled=false；
}
其他的
{
document.getElementById（'a'）.disabled=true；
}
}
我建议您使用HTML编写此代码

<input type="submit" id="register" value="Register" disabled="disabled" />
我觉得它真的很好用。希望你能得到你想要的手术。
谢谢。

您需要分别编写if-else条件才能工作，并尽量避免将事件侦听器直接添加到标记：）

如果textbox为空，则应在条件中添加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>


函数myFunction（）{
var x=document.getElementById（“fname”）；
x、 value=x.value.toUpperCase（）；
如果（x.value！=“”）
{
document.getElementById（'a'）。disabled=false；
}否则{
document.getElementById（'a'）.disabled=true；
}
}
如下所示更新脚本

   function myFunction() {
        var x = document.getElementById("fname");
        x.value = x.value.toUpperCase();
        if (x.value.length != 0) {--here is the change
            document.getElementById('a').disabled = false;
        }
        else {
            alert('Empty');
            document.getElementById('a').disabled = true;
        }
    }

<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>

   function myFunction() {
        var x = document.getElementById("fname");
        x.value = x.value.toUpperCase();
        if (x.value.length != 0) {--here is the change
            document.getElementById('a').disabled = false;
        }
        else {
            alert('Empty');
            document.getElementById('a').disabled = true;
        }
    }