Criando máscara e expressão regular para campo

Uma máscara define o formato para o conteúdo que deverá ser digitado em um campo do tipo texto.

Configurando máscara

Para configurar uma máscara no seu campo, acesse seu processo no editor de processos, selecione o elemento de entrada de dados e clique no ícone de prancheta ou nas propriedades em “Configurar formulário”.

Na janela “Editar” que será aberta, clique em “Mais opções” do campo desejado. Caso ainda não tenha campo, você pode criar seguindo esse artigo Criação de formulários.

Preencha o campo “Máscara” com o formato de input.

Mais alguns exemplos de máscaras:

 CNPJ (Brasil)00.000.000/0000-00
 CPF (Brasil)000.000.000-00
 CEP (Brasil)00000-000
 NIF (Portugal)000000000
 CEP (Portugal)0000-000
 BI (Angola)999999999SS999

Dica para criar a sua própria máscara:

  • A letra S permite o usuário inserir apenas letras [A-Za-z];
  • A letra A permite o usuário inserir numerais ou letras [A-Za-z0-9];
  • Os números 0 e 9 permitem o usuário inserir apenas numerais [0-9].

O campo “Placeholder” serve para ajudar o usuário no preenchimento do campo, você pode, por exemplo, mostrar como preenchê-lo ou explicar a sua função. Esse texto fica visível apenas enquanto o campo estiver vazio.

O check “Inverter máscara” faz com que os valores inseridos no campo comecem a preencher a máscara da direita para a esquerda, isso pode ser útil em campos de telefones, onde podem ser inseridos 8 ou 9 números, ou valores em dinheiro que precisam da vírgula e mais dois dígitos (200,00).

Validação por expressões regulares

Para validar se o conteúdo está de acordo com a máscara, configure uma regex para o campo “Expressão regular” e defina a mensagem a ser exibida caso ela não seja atendida.

Leia mais sobre Expressões Regulares:

Testando configurações

Agora você já pode validar sua configuração abrindo um item de teste. Ver mais em Como realizar testes de automatização de processos.

Placeholder do campo “Código Postal” no item de trabalho.

Mensagem gerada pelo erro na validação da regex. A validação acontece quando o cursor é removido do campo após o preenchimento e também quando o usuário tenta avançar para próxima atividade do processo.

 

O que você achou desse recurso? Se você tem alguma sugestão, registre como um comentário.

Was this article helpful?

Related Articles