javascript - 我希望当文本区域内没有写入任何内容时禁用文本框

Question

我希望仅当文本框写入某个文本区域时才启用文本框。

我尝试通过我编写的方法使用文本区域的 onkeydown 属性。当我开始输入时(按钮已启用)它可以工作，但是当我删除所有文本并且文本区域为空时，按钮仍然启用。

//这是文本框和文本区域的html代码

<input type="text" id="testUser" disabled="disabled" placeholder="username">
<textarea rows="15" cols="105" id="sql" onkeydown="enableUsername()">

//这是我写的Javascript方法

function enableUsername(){
    var ele = document.getElementById("sql").value;
    //document.getElementById("sql").value=+ele.length;
    var flag = 0;
  if(ele.length>0){
    document.getElementById("testUser").disabled=false;
  }
  else{
    document.getElementById("testUser").disabled=true;
  }
}

如果可能的话，我宁愿不必对文本区域使用 onkeydown 属性，因为我还有另一个功能想要稍后实现。

Answer 1

您可以在下面找到一个工作片段 -

var txtarea = document.getElementById('sql');
var username = document.getElementById('testUser');

function enableUsername() {
  if (txtarea.value.length > 0) {
    username.disabled = false;
  } else {
    username.disabled = true;
  }
}

<input type="text" id="testUser" disabled="true" placeholder="username" />
<textarea rows="15" cols="105" id="sql" onkeydown="enableUsername()"></textarea>