當文本區域上的標簽輸入為空時禁用提交按鈕

Question

我創建了一個表單，用戶可以在文本區域中輸入單詞作為標簽，並使用 JavaScript 將它們作為字符串提交。我想添加的功能是在文本區域為空（不包含任何標簽）時禁用提交按鈕。

到目前為止，這是我嘗試過的：

HTML

<form>
  <textarea onkeyup="success()" name="tags" id="tag-input1" required>
  </textarea>
  <p class="instruction">Press enter to add a new word</p>
  <!-- Disable Submit Button -->
  <input type="submit" id="submit" class="save" value="Submit">
</form>

JavaScript

function success() {
  if (document.getElementById("tag-input1").value === "") {
    document.getElementById('submit').disabled = true;
  } else {
    document.getElementById('submit').disabled = false;
  }
}

演示

Answer 1

我想你可以檢查價值長度。 首先，嘗試將禁用屬性添加到 html 中的提交按鈕。

 <input type="submit" id="submit" class="save" value="Submit" disabled="true">

然后這里是你的成功代碼 function；

    function success() {
      document.getElementById('submit').disabled = !document.getElementById("tag-input1").value.length;
    }

Answer 2

據我所知，這不是 disable 的工作方式。 Disable 是一個 html 屬性，它阻止用戶在特定文本中寫入數據。 嘗試在特定消息的值為空時提供錯誤消息您可以為此使用條件語句