Как отключить кнопку отправки, если (http), (https) или (www) найдены в textarea

Question

У меня уже есть код, который я создал в javascript, который отключает кнопку отправки в форме, если выбран раскрывающийся список, но я также хочу отключить кнопку отправки, если строка (http), (https) или (www ) набирается в текстовой области формы. Любая помощь в правильном направлении будет потрясающей.

Answer 1

Попробуйте это

<textarea id="my-textarea"></textarea>

document.querySelector('#my-textarea').addEventListener('input', (event) => {
    if (event.target.value.includes('http') || event.target.value.includes('https') || event.target.value.includes('www')) {
    console.log('invalid');
  } else {
    console.log('valid');
  }
});

Вот примерная скрипка: https://jsfiddle.net/2qorhekd

Answer 2

Функция для проверки, содержит ли строка http, https или www

var valid = function(text){
  var regex = /(https?|www)/;
  return !regex.test(text);
}

Answer 3

Вы можете прослушать событие 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 к этому коду, чтобы кнопка «Отправить» появлялась (если она в данный момент не видна) при удалении недопустимых слов.