Разрешить только однозначное число для ввода типа номера

Question

У меня есть числовое текстовое поле с минимальным и максимальным значениями. Мне дано min = "0" и max = "9". Но пользователь может ввести более 9, например 10 100 и т. Д.

<input style='width:125px;' ng-model='decimalvalues' min='0' max='9'
       ng-init='decimalvalues=4'
       data-ng-change=" + Decimalplaces + " 
       type='number'
       id='decimalvalues'/>"

Answer 1

То, что вы описываете, является поведением по умолчанию min/max. Эти атрибуты используются для проверки , они не могут помешать пользователю ввести недопустимые значения. Если пользователь вводит значение больше max, элемент управления формы становится $invalid и $error объект заполняется: {"max":true}. Вы можете использовать эти значения, чтобы показать сообщение об ошибке пользователю. (Если вы хотите запретить пользователю вводить неправильное значение, тогда необходима специальная директива)

Подробнее здесь, чтобы понять, как работает проверка:

• https://docs.angularjs.org/api/ng/input/input%5Bnumber%5D
• https://docs.angularjs.org/api/ng/type/form.FormController#$error

Проверьте рабочий пример с сообщениями об ошибках: DEMO

Кроме того, вы ng-change выражение недопустимо, вы должны удалить илизамени его.