Как сделать чтобы в Input можно было вводить только цифры?

Question

[Антон Рейтаровский]

Здравствуйте есть инпут как сделать чтобы в него можно было вводить только цифры? На чистом js и привязать это через addEventListener?

Answer 1

[Дима Паутов]

Можно проще, использовать input type="number"

Comments

[Антон Рейтаровский]

Нужно text

[Евгений]

Антон Рейтаровский: тебе же цифры там нужны, почему number нельзя использовать?

[Дима Паутов]

Антон Рейтаровский: Попробуйте вот это https://learn.javascript.ru/task/numeric-input

[Игорь Васильев]

Евгений: в некоторых браузерах технологи html5 до сих пор не работает, вот почему.

[M-ka]

Евгений: type=number, max length 16 символов, все после зануляется... потому на блюры/кейапы и тп вешают регулярку или ф-ю для фильтрации по заданным правилам

Answer 2

[Игорь Васильев]

Есть более интересный способ www.yiiframework.com/doc-2.0/yii-widgets-maskedinp... если ваш сайт на фреймворке Yii2, или то что предложил Алексей. Лично я применяю его, и очень доволен, так как маскировать, задавать формат этим способом легко и быстро, в одну строчку, меньше чем за минуту, вот пример того как это работает https://serenitisever.com/contact