AngularJS- ng-maxlength
richtlijn
Voorbeeld
Geef een fout weer als de invoerwaarde langer is dan vijf tekens:
<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>
Definitie en gebruik
De ng-maxlength
richtlijn voegt een beperking toe aan een invoerveld en aan de validator van het formulier.
Het ng-maxlength
is niet hetzelfde als het maxlength
attribuut in HTML, waardoor gebruikers niet meer dan het beperkte aantal tekens kunnen typen.
De ng-maxlength
richtlijn verhindert niet dat gebruikers meer dan het beperkte aantal off-tekens typen, maar het formulier is ongeldig als ze dat wel doen.
Syntaxis
<input type="text" ng-maxlength="number"></input>
Hoofdzakelijk ondersteund door <input>-elementen van het type tekst, maar kan ook worden gebruikt op andere elementen die gebruikersinvoer mogelijk maken.
Parameterwaarden
Value | Description |
---|---|
number | A number representing the maximum number of characters legal for the input field. |