如何获取文本区域的值并检查它是否为空[关闭]

Question

关闭。 这个问题需要细节或清晰。 它目前不接受答案。

---

想改进这个问题？ 通过编辑此帖子添加详细信息并澄清问题。

5 个月前关闭。

改进这个问题

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

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

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

它只显示一个空字符串。

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>

Answer 2

从您的代码来看，您似乎在代码加载的那一刻就获得了价值。 由于 textarea 最初为空，因此将记录一个空字符串。 但是，您可以添加一个事件侦听器来侦听文本区域中的用户输入，然后从那时起采取您的行动。

 var textarea = document.querySelector("textarea") textarea.addEventListener("input", evt => { console.clear() console.log(evt.target.value); })

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

在此示例中，每次您在文本区域内提供输入时，都会触发输入事件。 在事件侦听器内部，您可以看到控制台已清除，并记录了新值。