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ção | Diretivas |
---|---|
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:
<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>