TOTVS HTML Framework

Árvore de páginas

  • Criado por Usuário desconhecido (jhony.senem), última alteração em 17 fev, 2017

Observação

A partir da versão 12.1.15


A validação de campo, serve para informar ao usuário que informou um valor incorreto ou deixou de inserir o mesmo.

Para utilizar a validação, padrão do AngularJS (ng-minlength, ng-maxlength, ng-pattern, ng-required), deve ser utilizado o elemento <validator> dentro do elemento <totvs-field>.

O elemento <validator> possui um atributo, denominado de key, o mesmo aceita as seguintes atribuições: minlength, maxlength, pattern, required, mask, min, max, email dependendo da diretiva a ser utilizada com o validator.

 

Observação

Para o correto alinhamento dos componentes com validação, deve ser utilizado a diretiva Totvs Row para que se comportem corretamente.

 

Sintaxe

<totvs-field
	...>
	<validator key="required">Mensagem a ser impressa!</validator>
</totvs-field>
ObservaçãoDiretivas

Diretivas compatíveis com o validator.

Observação

Deve ser verificado em cada diretiva, qual tipo de validação a mesma suporta.

Que são elas: ng-required; ng-minlenght; ng-maxlenght; ng-pattern; t-mask; min; max;

 

Exemplo de uso:

Exemplo
<totvs-field
   totvs-input
   class="col-lg-6 col-md-6 col-sm-6 col-xs-12"
   label="Nome"
   ng-model="controller.customer.name"
   ng-required="true"
   ng-maxlength="5"
   canclean>
   <validator key="required">Este campo é obrigatório!</validator>
   <validator key="maxlength">Digite no máximo 5 caracteres!</validator>
</totvs-field>