TOTVS HTML Framework

Árvore de páginas

Versões comparadas

Versão antiga 2

changes.mady.by.user Usuário desconhecido (jhony.senem)

Gravado em

comparado com

Nova versão Atual

changes.mady.by.user Usuário desconhecido (jhony.senem)

Gravado em

Chave

  • Esta linha foi adicionada.
  • Esta linha foi removida.
  • A formatação mudou.
Informações
titleObservaçã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.

...

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.

 

Informações
titleObservação

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

 

Sintaxe

Bloco de código
languagexml
<totvs-field
	...>
	<validator key="required">Mensagem a ser impressa!</validator>
</totvs-field>
ObservaçãoDiretivas

Diretivas compatíveis com o validator.

Informações
titleObservaçã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:

Bloco de código
languagexml
titleExemplo
linenumberstrue
<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>