-
Регулярные выражения. Регулярные выражения можно использовать для проверки и принятия только символов. Вот пример:
function isCharacterOnly(input) { return /^[A-Za-z]+$/.test(input); }
Эта функция возвращает
true
, если входные данные состоят только из буквенных символов, иfalse
в противном случае. -
Прослушиватели событий. Вы можете прикрепить прослушиватели событий к полям ввода и проверять вводимые пользователем данные. Вот пример использования события
input
:const inputElement = document.getElementById('input-field'); inputElement.addEventListener('input', function() { const inputValue = inputElement.value; const characterOnlyValue = inputValue.replace(/[^A-Za-z]/g, ''); inputElement.value = characterOnlyValue; });
Этот код отслеживает изменения значения поля ввода и заменяет все неалфавитные символы пустой строкой.
-
Ключевые события: вы также можете использовать ключевые события, чтобы предотвратить ввод несимвольных символов. Вот пример использования события
keypress
:const inputElement = document.getElementById('input-field'); inputElement.addEventListener('keypress', function(event) { const keyCode = event.which; if ((keyCode < 65 || keyCode > 90) && (keyCode < 97 || keyCode > 122)) { event.preventDefault(); } });
Этот код не позволяет пользователю вводить что-либо, кроме буквенных символов.