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

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

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

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

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

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

Начнем с html

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

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

javascript:

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

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

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

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

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

ex_div.innerHTML = example .replace(/[^0-9]/g, '') ;

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

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

Html:

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

javascript:

<script>

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

ex_div.innerHTML = example .replace(/[^0-9]/g, '') ;

</script>

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

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

2. Вставлять в поле input только цифры.

Предположим, что у вас стоит задача позволять вводить в поле "input" только цифры - для этого вам понадобится:

Поле ввода input с типом type="text".

Прямо внутри кода помещаем событие onkeypress с return и будет работать клавиатура только в том случае, когда нажимаемые кнопки будут в пределе цифровых кнопок.

Нумерация кнопок от 48 до 57.

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

Код оставления только цифр js в поле input:

<input type="text" onkeypress="return ( event.charCode>= 48 && event.charCode <= 57);">

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

В этом (живом примере) попробуйте набрать какие-то знаки кроме цифр:

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

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

Опять html

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

<div id="only_num"></div>

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

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

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

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

thevar = document.getElementById('only_num') ;

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

if( thevar . value . match(/^[0-9]+$/) === null )

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

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

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

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

Html:

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

javascript:

<script>

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

{

thevar = document.getElementById('only_num') ;

if( thevar . value . match(/^[0-9]+$/) === null )

{

setInterval("thevar.value = thevar.value .replace(/[^0-9]/g, '')", 1);

}

});

</script>

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

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

Всего комментариев : Comments+ 2.0

+ =