javascript - 如何在文本字段中使用空气泡不消失的条件

Question

我想在我的文本字段中添加一个if 条件，如果我的文本字段为空并且单击了发送按钮，则不应出现空气泡。

 function typo(){
  var currentText = document.getElementById("demo").innerHTML;
  var x = '<div><p class=bubble>' + document.getElementById("myText").value + '</p></div>';
  document.getElementById("myText").value = "";
  var y = document.getElementById("demo").innerHTML = currentText + x;

  var z = document.getElementById('demo');
  z.scrollTop = z.scrollHeight;
  document.getElementById("myText").focus();
  }

   <input class="widebox" type="text" id="myText" value="">
   <button onclick="typo()" class="btn btn-warning btn-sm" id="btn-chat">Send</button>

这是 demo对于我一直在努力做的事情。谢谢

Answer 1

您可以检查值的长度。

function typo() {
  if (document.getElementById("myText").value.length == 0) {
    // give error message
  } else {
    var currentText = document.getElementById("demo").innerHTML;
    var x = '<div><p class=bubble>' + document.getElementById("myText").value + '</p></div>';
    document.getElementById("myText").value = "";
    var y = document.getElementById("demo").innerHTML = currentText + x;

    var z = document.getElementById('demo');
    z.scrollTop = z.scrollHeight;
    document.getElementById("myText").focus();

  }
}