Как лучше реализовать изменение числа через + и -?

Question

[zwezew]

Как лучше реализовать изменение числа в инпат через + и - , запретив ввод всего, кроме чисел и первой точки? Использовать регулярные выражения, изменяющие невалидное значение после keyup (кажется самым легким, но не запрещает вводить левые символы), блокировать ввод исключаемых символов через keyCode и charCode (кажется слишком громоздким) или подключить плагин маски?

Comments

[DanKud]

Что значит - "использовать регулярные выражения, изменяющие невалидное значение ... но не запрещает вводить левые символы"? Откуда возьмутся левые символы если вы пропишите в регулярке доступность только цифр и точек? Именно это решение и есть самое простое.

[zwezew]

DanKud, тем не менее, они будут появляться в поле при их вводе, пока их не обработает регулярка при том или ином событии

[DanKud]

Используйте событие input, а не keyup и не будет такой проблемы. В ответах кстати вам дали готовый пример.

Answer 1

[wagoodoogoo]

Вариант oninput:

<input type="text" oninput="this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*)\./g, '$1');" />

Answer 2

[Артур К.]

На ответ очень может влиять окружение этого поля. Посмотрим шире.
У вас только одно поле в приложении? Или есть какие-то еще? А будут ли поля с маской ввода? Или с какими-то ограничениями?
А будет ли ввод телефона? По маске? — тогда плагин маски (смотрите, сколько уже дел для него будет).

Если это одно поле, и только с цифрами — тогда вариант от wagoodoogoo может быть вполне достаточен.