Как сделать ограничение на ввод?

Question

[devmo]

Есть скрипт, который ограничивает кол-во вводных символов до 3х и разрешены только цифры.
Но баг в том, что после того, как ввел 3 символа, убрал фокус с инпута, а потом еще раз взял в фокус инпут, то 3-й символ удаляется.
Как исправить скрипт так, чтобы можно было вводить ТОЛЬКО цифры, НЕЛЬЗЯ вводить первым 0, ограничить ввод только до 3 символов?
https://jsfiddle.net/4gym7k8h/ - вот мой скрипт

Answer 1

[Vladimir T]

https://jsfiddle.net/4gym7k8h/2/

Answer 2

[Андрей Федоров]

Можно с помощью атрибута pattern для input и регулярного изображения. Только учтите, что в случае атаки на форму, будут атаковать серверный скрипт, и валидация на стороне клиента уже не будет работать, даже если это js.

Ниже привожу регулярку только примерно. По точнее сами придумайте, согласно вашим условиям.

<input class="btn-input order-count" type="text" pattern="[1-9]\d{2}">

Comments

[devmo]

у меня нет формы, я через ajax принимаю числа. Паттерн как-то не хотелось бы использовать. У меня действие на onChange и обработка идет на такое же действие. Я изменяю инпут, идет расчет, потом я могу дописать еще 2-5+ символов, и все равно не пройдет валидация через паттерн. Поэтому нужно именно скрипт делать

[Андрей Федоров]

devmo: Ну тогда в скрипте на регулярку проверяйте. str.match(regexp) или regexp.exec(str), типа того, по тому же onChange