Instrução AngularJS ng-maxlength

Definição e uso

ng-maxlength do HTML adiciona restrições aos campos de entrada e aos validadores de formulários.

ng-maxlength com a instrução maxlength Propriedades diferentes, a última impede que o usuário insira mais caracteres do que o limite permitido.

ng-maxlength A diretiva não impedirá que o usuário insira mais caracteres do que o permitido, mas se o usuário fizer isso, o formulário será inválido.

Exemplo

Se o valor de entrada exceder cinco caracteres, será exibida uma mensagem de erro:

<form name="myForm">
<input name="myInput" ng-model="myInput" ng-maxlength="5">
<h1 ng-if="!myForm.myInput.$valid">O valor é muito longo</h1>
</form>

Experimente você mesmo

Sintaxe

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

Principalmente composto por tipos de texto <input> Elemento suportado, mas também pode ser usado em outros elementos que permitem que o usuário insira dados.

Parâmetro

Parâmetro Descrição
number Número que representa o número máximo de caracteres válidos para o campo de entrada.