Как оставить в строке/input только кириллица

Оставить только кириллицу js. Очистим строку от всего кроме кириллицы! Сколько вариантов существует оставления только кириллицы в тексте, в поле input. С кодом сортировки только кириллицы, использую только живые примеры.

Как оставить в строке/input только кириллицу js.

1. Оставим в строке только кириллицу js.
2. Оставлять только кириллицу в input после ввода.

Оставим в строке только кириллицу js.

Для того, чтобы "оставить в строке только кириллицу javascript" вам понадобится:

Начнем с html

Элемент div с id, куда будем отправлять результат "сортировки только кириллицы в строке js"

<div id="ex_div"></div>

Javascript:

В переменную поместим текст с цифрами, с английскими словами и кириллицей:

var example = '1,2,3,4, 5 - вышел зайчик погулять... the bunny went out for a walk';

Вы должны обратиться к тегу одним из способов.

Добавим туда innerHTML, чтобы отправить только кириллица в html код, что выше вы уже видели.

Далее используем replace js с регулярным выражением....

ex_div.innerHTML = example .replace(/[^а-яёА-ЯЁ]/g, ' ') ; // обращаю ваше внимание!

Соберем весь код:

Код сортировки только кириллицы в javascript.

Html:

<div id="ex_div"></div>

Javascript:

<script>

var example = '1,2,3,4, 5 - вышел зайчик погулять...';

ex_div.innerHTML = example .replace(/[^а-яёА-ЯЁ]/g, ' ') ;

</script>

Пример "оставления только кириллицы в строке js".

Разместим выше приведенный код прямо здесь... как видим на результат, что в строке осталась только кириллица... с пробелами между словами.

Оставлять только кириллицу в input после ввода.

Рассмотрим код чуть посложнее... в отличии от предыдущего пункта код будет находится в теге script и вам понадобится:

Опять html

Элемент div с id, куда будем отправлять результат "сортировки только кириллицы в строке js"

<div id="only_cyrillic"></div>

Используем событие addEventListener.

Внутри прописываем событие keypress для отлавливания нажатия на клавишу...

document.addEventListener("keypress", function(e)

Используем getElementById чтобы обратиться к тегу.

exvar = document.getElementById('only_cyrillic') ;

Пропишем условие if проверяем вводимые данные(внутри value) с помощью match на наличие чего-либо исключая кириллицыы.

if( exvar . value . match(/^[а-яёА-ЯЁ]+$/) === null )

Далее вам понадобится setInterval... дело в том, что данные не могут быть получены в момент нажатия либо отжатия, не буду в подробностях посмотрите аналогичную тему в момент вставки текста - это работает также....

в "value" отправляем только кириллица с помощью replace и регулярного выражения.

Соберем весь код:

Код: "только кириллица" в поле input.

Html:

<input id="only_cyrillic" type="text">

Javascript:

<script>

document.addEventListener("keypress", function(e)

{

exvar = document.getElementById('only_cyrillic') ;

if( exvar . value . match(/^[а-яёА-ЯЁ]+$/) === null )

{

setInterval("exvar.value = exvar.value .replace(/[^а-яёА-ЯЁ]/g, '')", 1);

}

});

</script>

Пример работы Кода оставления "только кириллицы js" в поле input:

И опять ... поместим для тестирования "Кода только кириллица в js в поле input" прямо здесь: