Inibir o Autocompletar nos campos do cadastro

Código CSS/HTML
1

Existe alguma forma de inibir o recurso de autocompletar quando o cliente vai preencher o cadastro no checkout?
Não sei como funcionam as tags deste recurso, mas já tivemos uns três clientes com endereço errado devido à este recurso. A pessoa acaba não conferindo, e o navegador do cliente autocompleta por exemplo o complemento no lugar do número, ou vice-versa.
É possível algum código para inibir isso, para ele não autocompletar?
Da mesma forma, sugiro para a LI que pense a respeito de implantar esta inibição para evitar erros.

2

Oi Renato, conversei com a equipe internamente para entender como funciona esse recurso.

Na verdade, esse recurso não conseguimos desabilitar do nosso lado, pois os browsers forçam o autocomplete por motivos de segurança.

A nossa responsabilidade é garantir que os campos sejam autocompletados nos campos corretos, por exemplo, devemos garantir que o nome apareça no campo nome, o número no campo número, etc. Se isso estiver errado, aí sim teríamos que agir para indicar o browser qual é o campo correto, porém desabilitar eles não permitem.

3

Entendi Clara, obrigado pelo posicionamento!
O que deve ter acontecido nestes casos é que a pessoa cadastrou errado em outro site com os campos desconfigurados, e ficou associado errado então.
Agradeço!

4

Isso, a pessoa identificando a falha ela pode ir na própria configuração do navegador, em preenchimento automático para excluir o endereço.

2 curtidas
5

talvez seja possível através do recurso autocomplete:

<input autocomplete="on|off">

Na LI os campos do Checkout estão definidos para buscar as tags dos nomes, por exemplo:
O input Nome auto completa com - > name
Os outros são da mesma forma.
Acredito que se mudar o autocomplete de cada input seja possível contornar.

1 curtida
6

@Mauricio_Pereira que interessante, então poderia desabilitar por exemplo apenas o número e complemento, evitando que o endereço fique errado, pois a rua ele puxa pelo CEP.
Será que dá para fazer isso via código pelo menos nestes dois, que são mais críticos?

1 curtida
7

Vou dar uma olhadinha aqui para você e validar para ver se funciona ok.

8

Renato eu fiz aqui uma forma dele selecionar o endereço novo para o cliente, ou seja, ele sempre vai solicitar primeiro o CEP dele, porém o endereço de cadastro vai estar ali também caso ele queria utilizar.
Coloquei também um aviso para o cliente conferir se o endereço está correto.
Veja se assim resolve para você:

image
image863×603 34.5 KB

image
image876×602 26.8 KB

Segue o JS e CSS:

#enderecoPrincipal1:before{
  content: 'Por favor, confira seu endereço de entrega';
  display: flex;
  max-width: 100%;
  padding: 2px;
  color: red;
  font-weight: bold;
}

document.querySelector("#idEnderecoPrincipal0").click();

Espero ter ajudado.

9

Poxa, que legal, muito obrigado! Fera nos códigos hein!
Acho que selecionar automaticamente o CEP não é legal porque senão o cliente vai criar um endereço novo toda vez, o problema é mais nas primeiras compras. O que você acha?
Este alerta no endereço é bem legal e útil, obrigado!

1 curtida
10

dá para fazer um outro tipo de controle, vai dar mais trabalho, mas vou ver aqui para você pode deixar

11

imagina, muito obrigado! Mas fica tranquilo, não quero lhe dar mais trabalho.

1 curtida