Como inserir script para alteração de valores de texto no input?

Adicionando a classe CSS no campo

Primeiramente, devemos configurar o campo do sistema para ser encontrado por classe CSS. Dessa forma, acessamos: Configurações > Campos do sistema.

Após isso, abrimos o método de edição do campo do sistema:

Na aba Básico, descemos até o final da mesma e encontramos o input Classe CSS. Nele, colocaremos a classe CSS que o script que será dito posteriormente encontrará, feito a alteração salve.

Criando o componente de script

Para alterar o estado do texto para UPPERCASE (caixa alta), devemos criar o componente do script que realizará essa ação. Para isso, é preciso acessar as Configurações > Componentes > Novo componente.

Selecione o tipo do componente para HTML:

Devemos dar um nome ao componente, nesse caso o nome que ficou foi "Script de transformar o nome completo em uppercase":

Depois, é preciso mudar o tipo de código para Script e adicionar o script abaixo:

var nomeCompleto = document.querySelector(".nomeCompleto");

var fieldNameID = nomeCompleto.component.path;

nomeCompleto.addEventListener("change",(e)=>{

var transformUppercase = e.target.value.toUpperCase();

 nomeCompleto.component.data[nomeCompleto.component.path]= transformUppercase;

 document.getElementsByName(`data[${fieldNameID}]`)[0].value = transformUppercase;

});

Feito isso, é só salvar o componente. Com isso, é preciso adicionar o componente na tela onde ele irá ser executado e alterar o value do campo desejado, conforme foi pego pela classe CSS no script acima.

Para isso, acesse "Portais", edite o portal e o processo seletivo onde será adicionado o script.

Adicionando o script na tela do form

Com o processo seletivo aberto, clique em Adicionar > Componentes > Pesquise o componente personalizado > Mova-o para a tela (conforme gif) e salve as alterações.

Gif de como mover o campo para a tela:

❓Ficou com alguma dúvida?

Será um prazer te ajudar! Entre em contato com nosso time de atendimento, combinado?

✅ Este artigo te ajudou?

Se este conteúdo foi útil para a sua demanda, nos avise! Ficaremos felizes em saber.