The CreatorCon Call for Content is officially open! Get started here.

Guilherme B
Giga Guru
Giga Guru

O que são máscaras?

Ela é saída para restringir dados que os usuários podem inserir impondo uma formatação específica. Esses são alguns exemplos:

Cep, cartão de crédito, telefone.

#####-##

(###) ###-####

###-###

Porque são melhores que a validação via regex?

Isso força os usuários a escrevem bons dados logo de cara, sem precisar de uma validação OnChange, além disso os leitores de acessibilidade tem dificuldades de interpretar os tooltips de erros dos campos.

Como configurar?

Nesse caso vamos fazer a configuração com um número de telefone em um item de catálogo.

1 - Navegue até o tema do seu portal de Serviços.

2 - Na related list ao fim da página procure por 'JS Include' e clique em novo.

3 - Adicione o registro IMask.

1.jpeg

4 - Adicione no item de catálogo uma variável de linha única número de telefone.

2.jpeg

5 - Adicione um script de catálogo OnLoad e defina a máscara.

3.jpeg

 

Obs: sp_formfield_numero_telefone se refere ao nome da variável, e o Isolate Script precisa estar 'Yes'.

 

Resultado:

4.jpeg

 

Version history
Last update:
‎03-05-2024 07:00 AM
Updated by:
Contributors