ng-maxlengthDirective AngularJS


Exemple

Afficher une erreur si la valeur d'entrée comporte plus de cinq caractères :

<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>

Définition et utilisation

La ng-maxlengthdirective ajoute une restriction à un champ de saisie et au validateur du formulaire.

Le ng-maxlengthn'est pas le même que l' maxlength attribut en HTML, ce qui empêchera les utilisateurs de taper plus que le nombre restreint de caractères.

La ng-maxlengthdirective n'empêchera pas les utilisateurs de taper plus que le nombre restreint de caractères, mais le formulaire ne sera pas valide s'ils le font.


Syntaxe

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

Principalement pris en charge par les éléments <input> de type texte, mais peut également être utilisé sur d'autres éléments qui permettent la saisie de l'utilisateur.


Valeurs des paramètres

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