Alerta ao pressionar arroba

[johnmfn 0]

Pessoal, bom dia,

 

Tenho um sistema de login no site que é por CPF e analisando registros de logins inválidos é impressionante o que tem de gente que escreve o e-mail no campo CPF, mesmo a palavra CPF estando com letras garrafais, o cara tenta 10 vezes continuar fazendo login com e-mail e sai. Já pensei em restringir o input a numeros, mas acaba dando mais erros do que qualquer coisa, principalmente pelos autocompletar com mascaras, apesar de o PHP limpar pontos e traços

 

 

Enfim, estou colocando um alerta simples para caso o cara digita um "@" ele simplesmente dê um alert "nosso login é com CPF e não com e-mail".

 

É um código extremamente simples que não consigo fazer o if funcionar, alguém pode me apontar onde está o erro, eu já reli umas 50 vezes e não vejo nada de errado.

 

Na input pus:

<input onKeyPress="TeclaArroba()" name="login" id="login" type="text" value=''>

 

 

Nos script coloquei, ja testei 64, "64" e '64'

<script>
function TeclaArroba(){
if (event.keyCode == 64)) { 
    alert("Nosso login utiliza seu CPF, não seu e-mail.");
	}
}
</script>

 

Em teste já pus tambem abaixo e ele me dá uma alert de 64 quando digito "@", não sei porque o if não funciona.

<script>
function TeclaArroba(){
//if (event.keyCode == 64)) { 
    alert(event.keyCode);
}
//}
</script>

 

Agradeço

[Michael Granados 0]

Precisa ajustar dois pontos:

 

No HTML, é necessário informar que você passará o evento para a função...

 

<input onKeyPress="TeclaArroba(event)" />

No javascript, o mesmo deverá receber o evento para a devida tratativa.

 

function TeclaArroba(event) {
  if (event.keyCode === 64) { 
    alert(event.keyCode);
  }
}

Abraços!

[johnmfn 0]

Michael,

 

Muito obrigado pela orientação, funcionou perfeitamente para o que queria exceto em Android.....

 

Mas já pesquisei e é uma questão do KeyCode não funcionar nele, qualquer tecla retorna undefined, dei uma pesquisada sobre keycode, achei sobre o conhecido problema dele em Android e acabei resolvendo com uma pequena gambiarra de minha autoria. Segue o que fiz se alguem passar pelo mesmo problema, vários problemas de keycode no android podem ser resolvidos com o que fiz.

 

No Input tem que Usar Keyup

 

<input onKeyUp="TeclaArroba(event)" name="login" id="login" type="text" value=''>

A função gambiarrenta que funciona no Android ficou assim:

 

<script>
    function TeclaArroba(event) {
        var campo = document.getElementById('login');
        var conteudo = campo.value;
        var tamanho = conteudo.length;
        var tamanhoseg = tamanho -1;
        var ultima = conteudo.substring(tamanhoseg, tamanho);
        if (ultima === '@') {
            alert('Nosso sistema utiliza CPF e nao e-mail para login.');
        }                

    }
</script>

Pus um monte de variável que poderiam ser simplificadas, mas acho que elas tornam o script mais didático.

[Michael Granados 0]

Eu não testei, mas tenta utilizar addEventListener ao invés de onKeyUp direto no elemento. Tem um exemplo bem aqui...

 

https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent