Como posso completar o e-mail do usuário com @dominio.com?
10/04/2018
0
Estou tentando fazer uma espécie de autocomplete para um input de e-mail, todos os usuários que serão cadastrados vão ter um e-mail com "@dominio.com".
Preciso de uma função que ao usuário digitar o caractere "@", a função completa com "@dominio.com"
Alguém pode me ajudar?
Preciso de uma função que ao usuário digitar o caractere "@", a função completa com "@dominio.com"
Alguém pode me ajudar?
Arthur Oliveira
Curtir tópico
+ 0
Responder
Post mais votado
11/04/2018
Opa Arthur, beleza?
Olha, aqui na devmedia temos um artigo sobre o autocomplete utilizando JQUery, creio que vá te ajudar: https://www.devmedia.com.br/jquery-autocomplete-dica/28697
Uma outra coisa que você pode fazer é não necessitar que seja digitado o e-mail completo, já que o domínio será sempre o mesmo. Então o usuário só digitará o início do email e submete o formulário, daí na lógica da sua aplicação, você pega esse dado e completo com o @dominio.com.
São duas alternativas :)
Abraços!!
Olha, aqui na devmedia temos um artigo sobre o autocomplete utilizando JQUery, creio que vá te ajudar: https://www.devmedia.com.br/jquery-autocomplete-dica/28697
Uma outra coisa que você pode fazer é não necessitar que seja digitado o e-mail completo, já que o domínio será sempre o mesmo. Então o usuário só digitará o início do email e submete o formulário, daí na lógica da sua aplicação, você pega esse dado e completo com o @dominio.com.
São duas alternativas :)
Abraços!!
Santos
Responder
Mais Posts
12/04/2018
Arthur Oliveira
Obrigado Fagnerpsantos, vou dar uma olhada no artigo.
Responder
09/07/2018
Aparecida Gonçalves
Olá Arthur, tudo bem?
Testa esse HTML, acho que também atende a sua dúvida:
<!doctype html>
<html lang="pt-br">
<head>
<title>jQuery Autocomplete</title>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<script>
$(function() {
var dominios = [
"@terra.com.br",
"@hotmail.com",
"@bol.com.br",
"@globo.com",
"@yahoo.com.br",
"@outlook.com",
"@gmail.com.br"
];
$("#dominioempresa" ).autocomplete({
source: dominios
});
});
</script>
</head>
<body>
<input type="text" id="usuario" placeholder="Seu usuario de email"/>
<input type="text" id="dominioempresa" placeholder="Seu Dominio"/>
<button onclick="myFunction()">Testar</button>
<p id="resultado"></p>
<script>
function myFunction() {
var str1 = $("#usuario").val();
var str2 = $("#dominioempresa").val();
var res = str1.concat(str2);
document.getElementById("resultado").innerHTML = res;
}
</script>
</body>
</html>
Testa esse HTML, acho que também atende a sua dúvida:
<!doctype html>
<html lang="pt-br">
<head>
<title>jQuery Autocomplete</title>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<script>
$(function() {
var dominios = [
"@terra.com.br",
"@hotmail.com",
"@bol.com.br",
"@globo.com",
"@yahoo.com.br",
"@outlook.com",
"@gmail.com.br"
];
$("#dominioempresa" ).autocomplete({
source: dominios
});
});
</script>
</head>
<body>
<input type="text" id="usuario" placeholder="Seu usuario de email"/>
<input type="text" id="dominioempresa" placeholder="Seu Dominio"/>
<button onclick="myFunction()">Testar</button>
<p id="resultado"></p>
<script>
function myFunction() {
var str1 = $("#usuario").val();
var str2 = $("#dominioempresa").val();
var res = str1.concat(str2);
document.getElementById("resultado").innerHTML = res;
}
</script>
</body>
</html>
Responder
Clique aqui para fazer login e interagir na Comunidade :)