AngularJS ng-maxlength instructie

Definitie en gebruik

ng-maxlength instructie voegt beperkingen toe aan de validator van het invoerveld en het formulier in HTML.

ng-maxlength en het maxlength Eigenschappen verschillen, de laatste kan de gebruiker voorkomen om meer tekens in te voeren dan het limietaantal.

ng-maxlength The directive does not prevent the user from entering more characters than the limit, but if the user does, the form will be invalid.

Example

If the input value exceeds five characters, an error will be displayed:

<form name="myForm">
<input name="myInput" ng-model="myInput" ng-maxlength="5">
<h1 ng-if="!myForm.myInput.$valid">Too long</h1>
</form>

Try it yourself

Syntax

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

Mainly text-based <input> Elements supported, but can also be used for other elements that allow user input.

Parameters