如果在文本区域中找到（http），（https）或（www），如何禁用提交按钮

Question

I already have a code I created in javascript that disables the submit button on a form if a dropdown choice is chosen but I also want to turn off the submit button if the string (http), (https), or (www) is typed into textarea of the form. Any help in the right direction would be awesome.

Answer 1

You could listen for the keyup event and check the input when the event fires.

Something like:

 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> 

You could add an else block to this code to make the submit button appear (if not currently visible) when the illegal words are removed.

Answer 2

Try this

<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');
  }
});

Here is the sample fiddle: https://jsfiddle.net/2qorhekd

Answer 3

Function to test if string has contains http, https or www

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