javascript - 如何获取文本区域的值并检查它是否为空

Question

我已经创建了textareausingsimpleMde但现在我无法获取该值并检查它是否为空

var message = document.getElementById("simpleMde").value;
console.log(message);

<textarea class="form-control" id="simpleMde" name="message"></textarea>

它只显示一个空字符串。

标签： javascripthtml

Answer 1

在此，它会检查您每次按下按钮是否textarea为空

你可以这样做：

const message = document.getElementById("simpleMde");
const btn = document.getElementById("btn");

function onClick() {
  if (message.value !== "") {
    console.log(message.value);
  } else {
    console.log("Message can not be empty! ");
  }
}

btn.addEventListener("click", onClick);

<textarea class="form-control" id="simpleMde" name="message"></textarea>
<button id="btn">Submit Message</button>