AngularJS ng-maxlength ohje

Määrittely ja käyttö

ng-maxlength ohje lisää rajoituksen syöttökenttään ja lomakkeen vahvistimeen.

ng-maxlength HTML:n maxlength Ominaisuudet eroavat, jälkimmäinen estää käyttäjän syöttämästä yli rajoitetun määrän merkkejä.

ng-maxlength Ohjeet eivät estä käyttäjää syöttämästä yli rajoitetun määrän merkkejä, mutta jos käyttäjä tekee niin, lomake on epävirheellinen.

Esimerkki

Jos syötetty arvo ylittää viiden merkin rajan, näytetään virhe:

<form name="myForm">
<input name="myInput" ng-model="myInput" ng-maxlength="5">
<h1 ng-if="!myForm.myInput.$valid">Arvo on liian pitkä</h1>
</form>

Kokeile itse

Syntaksi

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

Pääasiassa tekstityyppisiä <input> Elementti tukee, mutta sitä voidaan käyttää myös muissa käyttäjän syöttöä sallivissa elementeissä.

Parametrit