首页 > 解决方案 > 如果在 textarea 中找到 (http)、(https) 或 (www),如何禁用提交按钮

问题描述

我已经有一个在 javascript 中创建的代码,如果选择了下拉选项,它会禁用表单上的提交按钮,但如果输入字符串 (http)、(https) 或 (www),我也想关闭提交按钮进入表单的文本区域。任何朝着正确方向的帮助都会很棒。

标签: javascripthtmlformstextarea

解决方案


您可以监听keyup事件并在事件触发时检查输入。

就像是:

let illegalWords = ["http", "https", "www"];

function checkText(text) {
  if (text.length >= 1) {
    for (let word of illegalWords) {
      if (text == word) {
        // word found, remove submit button
        console.log("found");
        document.getElementById("submit").style.display = "none";
      }
    }
  }
}
<textarea onkeyup='checkText(this.value);'></textarea>
<button type="submit" id="submit">Submit</button>

您可以在此代码中添加一个else块,以在删除非法字词时显示提交按钮(如果当前不可见)。


推荐阅读