HTML-ввод текста не допускается двоеточие (:)

Question

У меня есть этот основной ввод текста:

<input type="text"/>

Я хотел бы знать, возможно ли предотвратить вставку двоеточия. Если пользователь нажимает ": ", я бы хотел, чтобы во входном тексте ничего не появлялось.

Answer 1

Вот один из способов сделать это:

function removeInvalid(text) {

  document.getElementById('noColon').value = text.replace(/\;+/, "");

  text = final;

}

<input type="text" id="noColon" onkeyup="removeInvalid(this.value)" onchange="removeInvalid(this.value)" placeholder="colons are not allowed" />

Надеюсь, это поможет!