Direttiva ng-maxlength di AngularJS

Definizione e uso

ng-maxlength di HTML, viene aggiunta una limitazione ai campi di input e ai validatori del modulo.

ng-maxlength Con l'instruzione maxlength Le proprietà differiscono, l'ultima può impedire agli utenti di inserire più caratteri rispetto al numero limite.

ng-maxlength L'istruzione non impedisce all'utente di inserire più caratteri rispetto al limite, ma se lo fa, il modulo diventa non valido.

Esempio

Se il valore di input supera cinque caratteri, viene visualizzato un errore:

<form name="myForm">
<input name="myInput" ng-model="myInput" ng-maxlength="5">
<h1 ng-if="!myForm.myInput.$valid">Il valore è troppo lungo</h1>
</form>

Prova da solo

Sintassi

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

Principalmente utilizzato per <input> Supportato dall'elemento input, ma può anche essere utilizzato per altri elementi che permettono all'utente di inserire dati.

Parametro

Parametro Descrizione
number Numero che rappresenta il numero massimo di caratteri validi per un campo di input.