Histórico da Página
Informações | ||
---|---|---|
| ||
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.
Informações | ||
---|---|---|
| ||
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 | ||
---|---|---|
| ||
<totvs-field
...>
<validator key="required">Mensagem a ser impressa!</validator>
</totvs-field> |
Observação | Diretivas | |||||
---|---|---|---|---|---|---|
Diretivas compatíveis com o validator.
|
Exemplo de uso:
Bloco de código | ||||||
---|---|---|---|---|---|---|
| ||||||
<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> |