按钮检查 textarea 是否为空 - 形式不同

【问题标题】：Button checking if textarea is empty - not in the same form按钮检查 textarea 是否为空 - 形式不同
【发布时间】：2021-08-19 15:30:43
【问题描述】：

我需要将一个按钮与一个文本区域连接起来，尽管它们没有在表单中连接。

我的要求？单击时我需要该按钮以使用默认的必需标记检查文本区域是否为空。

如果点击按钮，并且textarea为空，则需要显示浏览器产生的默认错误。我认为 Chrome 等会说“此字段是必需的”。

仅在表单中连接它们会很容易，但不可能在表单标签中连接它们。

有意义吗？也许使用JS？

谢谢！

【问题讨论】：

stackoverflow.com/questions/7002230/…
或者没有JS stackoverflow.com/questions/7020659/…

标签： javascript html forms textarea

【解决方案1】：

这是最基本的例子（仅逻辑）

document.getElementById('my-btn').addEventListener('click', function(){
      let taVal = document.getElementById('my-textarea').value;
      if(taVal == ''){
        alert('This field is required')
      } else{
        console.log("success")
      }
    }

如果没有 JS，你可以在标签中添加 required 像

<textarea required></textarea>

这是一个没有 JavaScript 的完整工作示例

<form>
  <textarea placeholder="Enter your text here..." required></textarea>
  <button type="submit" id="my-btn">Submit</button>
</form>

【讨论】：

谢谢！有什么办法可以内联按钮标签吗？
什么意思，内联按钮标签？