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" />

Я надеюсь, что это помогает!