Как разрешить вводить только указанные числа?

Question

[Николай]

Здравствуйте)
Подскажите пожалуйста, как можно разрешить вводить в input только цифры такого вида:

10
100
1000
10000
...

и

0,1
0,01
0,001
0,00001
...

Answer 1

[Stalker_RED]

Можно сделать что-то вроде такого: https://jsfiddle.net/xkfyzan9/
Только нужно решить что делать с очень мелкими значениями, там где у float уже точности недостаточно.

Частичное решение https://jsfiddle.net/xkfyzan9/1/

Answer 2

[profesor08]

Советую, пока не поздно, убедить заказчика сделать выпадающим списком, иначе пользователи будут плеваться, и называть нехорошими словами всех причастных к этой глупой идее.

Comments

[Николай]

Да, уговорил заказчика на слайдер, спасибо :)

Answer 3

[dummyman]

Если нужны только разряды, зачем что-то вводить? Пусть и вводят вместо чисел разряд 3,2,1,0,-1,-2,-3 - не ошибутся!

Comments

[Николай]

Ну, требования заказчика =)
Да и как мне кажется, это будет не совсем понятно для рядовых пользователей :)

[dummyman]

Николай: Напишите в подсказке "кол-во нолей до/после запятой"

[kulaeff]

А я бы вообще зафигачил это в виде слайдера. Но, заказчику, конечно, виднее.

[dummyman]

Николай:

К вопросу о простых пользователях.

[Николай]

kulaeff: а как это организовать в виде слайдера, что-то не понятно. Шаг ведь просто не укажешь =\

Answer 4

[kulaeff]

А вообще делается это просто:

$('.input').on('keypress', function(e) {
  if (e.which !== 48 && e.which !== 49 && e.which !== 46) {
    e.preventDefault()
  }
})

Это, конечно, не исчерпывающее решение, ибо не позволяет отсечь числа вроде 11, 101 и т.д., оно лишь разрешает нажимать 1, 0 и точку. Но если вместо keypress использовать input и валидировать строку на соответствие (вместо проверки нажатых клавиш), то все получится.

Comments

[Николай]

Но ведь я могу ввести 1111 =)

[kulaeff]

Да, я в ответе этот момент описал.

[Кирилл]

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

Answer 5

[Алексей Шашенков]

Вот так можно

Comments

[Николай]

Совсем не подходит :) Прочитайте вопрос повнимательнее ^_^

[Алексей Шашенков]

Николай: Бывает, а со второй попытки

[profesor08]

Ты не сможешь ввести в интпут 0.1, потому что регулярка не позволит ввести цифры по очереди!

[Алексей Шашенков]

profesor08: Я сегодня походу переспал. А это причем? можно на change повесить проверку, а на keyup подсветку, типа ввод не верен.

[profesor08]

Алексей Шашенков: можно, а можно сделать по людски