Olá. Aqui pretendo mostrar uma alternativa para desabilitar o preenchimento automático e o autocomplete do navegador chrome em telas de login.

O que se observa é que o navegador Chrome, já há algum tempo, não tem respeitado mais o atributo autocomplete=off nos elementos input.
Decidi iniciar uma  busca por um código que tornasse possível ‘driblar’ essa configuração do Chrome, e, depois de uma longa pesquisa na internet e diversos testes, onde várias dicas não funcionam e outras até funcionam mas não eram adaptáveis ao Scriptcase, consegui chegar a uma opção ajustável!

A sugestão a seguir inibirá a janela flutuante com senhas salvas, o preenchimento automático e o fundo amarelo da janela Login e Senha.

Abaixo, imagem de uma tela de login sem aplicação da desativação do autocomplete:login_chrome

Vamos ao código:

A editar a aplicação pela IDE do Scriptcase, temos do lado direito a opção Javascript, logo abaixo de SQL.
Selecione o objeto: Form e o evento: onLoad, clique em editar e adicione o seguinte código:

$(':input').attr('autocomplete','off');  //adicionando o atributo autocomplete com valor off a todos elementos input.
$("#login_troca").val(''); //esvaziando o valor do elemento input de id login_troca.
$("#pswd_troca").val(''); //esvaziando o valor do elemento input de id pswd_troca.
setTimeout(function(){ //iniciando um temporizador onde o código abaixo será executado após 500 milisegundos
$("#login_troca").css('display','none'); //escondendo o elemento de id login_troca
$("#pswd_troca").css('display','none'); ////escondendo o elemento de id pswd_troca
}, 500);

** Não esqueça de salvar o código. **

Agora vamos aos campos login e pswd (nome dos campos sugeridos nesse exemplo).

Nas propriedades do campo login colocaremos o seguinte valor para a propriedade Label do campo:

<input id="login_troca" type="text" name="login" size="1" width="1" height="" autocomplete="off" style=" z-index: -1000; height: 1px; width: 1px;     border: none; position:absolute; ">Login

 

O mesmo para o Label do campo pswd :

<input id="pswd_troca" type="password" name="pswd" size="1" autocomplete="off" style="z-index: -1000; height: 1px; width: 1px; border: none;     position: absolute; ">Senha

 

O Atributo Style com suas propriedades e valores adicionados inline são apenas para deixar o elemento input  o menos perceptível possível.

Pronto! Salve e teste a aplicação.

Explicando:

O Chrome atribuirá ao primeiro elemento de name=”NAME” o autopreenchimento. O que fizemos? Duplicamos o elemento de name=”NAME” e o tornamos transparente e após meio segundo da carga da página escondemos esse campo. Isso engana o Navegador, fazendo com que ele atribua o autocomplete ao primeiro campo de name=”NAME” encontrado, não atribuindo o autocomplete para o segundo elemento de mesmo name.

É uma solução de contorno que alivia essa desagradável opção nas telas de login, deixando também a tela de login mais leve sem as janelas com fundo amarelo com autopreenchimento.

login_chrome_autocomplete_off

Bem, essa foi alternativa que descobri para ‘resolver’ essa questão do autocomplete e auto preenchimento automático no Chrome , ajustável ao nosso Scriptcase claro.

Espero que lhe seja útil assim como foi para mim!

Ah! Mas uma coisa, caso você ainda não conheça o Scriptcase, te convido a fazer o download e experimentar esta ferramenta:

https://www.scriptcase.com.br/download/

Você pode gostar de…

Scriptcase e os Web services

Nesta oportunidade estarei explicando como trabalhar com web services dentro do scriptcase, diretame...

Scriptcase usa MVC?

Talvez você em algum momento já possa ter pensado sobre essa questão,”será que o Scriptcase us...

Como implementar A2F usando desenvolvimento próprio em NodeJS em uma aplicação Scriptcase

No artigo anterior falamos sobre A2F com o Swivel como ferramente externa para integrar nossas aplic...

Comente este post

Receba novos posts, ofertas e muito mais toda semana.

Usaremos as informações fornecidas para lhe enviar newsletter e ofertas especiais por email. Você pode cancelar a inscrição quando quiser, clicando em um link no rodapé de qualquer e-mail que receber de nós, ou entrando em contato conosco pelo e-mail sales@scriptcase.net. Saiba mais sobre nossa Polícia de Privacidade.