ng-maxlengthДиректива AngularJS


Пример

Отображать ошибку, если введенное значение длиннее пяти символов:

<form name="myForm">

<input name="myInput" ng-model="myInput" ng-maxlength="5">

<h1 ng-if="!myForm.myInput.$valid">The value is too long</h1>

</form>

Определение и использование

Директива ng-maxlengthдобавляет ограничение на поле ввода и на валидатор формы.

Это ng-maxlengthне то же самое, что maxlength атрибут в HTML, который не позволит пользователям вводить больше символов, чем разрешено.

Директива ng-maxlengthне запрещает пользователям вводить больше символов, чем разрешено, но в этом случае форма будет недействительной.


Синтаксис

<input type="text" ng-maxlength="number"></input>

В основном поддерживается элементами <input> текстового типа, но также может использоваться в других элементах, допускающих ввод данных пользователем.


Значения параметров

Value Description
number A number representing the maximum number of characters legal for the input field.