Validação de Campo Email em Formulário com JavaScript
Segue abaixo um código em JavaScript para validação do campo Email em formulários.
Código do formulário:
<form id="form1" name="form1" method="post" action="#" onsubmit="return valida_form(this)"> <label for="email"></label> <input name="email" type="text" id="email" size="35" /> </form>
Criando a função:
<script type="text/javascript" language="javascript">
function valida_form (){
var filter = /^([\w-]+(?:\.[\w-]+)*)@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$/i;
if(!filter.test(document.getElementById("email").value)){
alert('Por favor, digite o email corretamente');
document.getElementById("email").focus();
return false;
}
}
</script>
Outra forma de verificar se o Email foi digitado corretamente:
O exemplo a seguir valida um endereço de Email, verificando se o texto contém um símbolo “@” e pelo menos um ponto. O “@” não pode ser o primeiro caractere, e o último ponto deve vir após o “@”.
/*função valida email*/
function valida_form()
{
var x=document.forms["myForm"]["email"].value;
var atpos=x.indexOf("@");
var dotpos=x.lastIndexOf(".");
if (atpos<1 || dotpos<atpos+2 || dotpos+2>=x.length)
{
alert("Não é um endereço de e-mail válido");
return false;
}
return true;
}
Conclusão
Verificar se um campo está vazio em um formulário é uma técnica essencial para garantir a qualidade dos dados enviados pelos usuários. Usando JavaScript para validação, podemos evitar erros simples e melhorar a experiência do usuário. Ao aplicar essa técnica, podemos garantir que os campos importantes, como o campo de e-mail, estejam preenchidos corretamente antes de enviar os dados. É um exemplo simples e prático de como implementar validações eficazes em formulários, um tema que é fundamental para qualquer desenvolvedor de sistemas.
Olá! Sou Fábio Bmed — fundador da Metapax, consultoria estratégica de posicionamento e crescimento para negócios, e criador da MapexMind, um método de neuropsicologia aplicada voltado à compreensão prática da mente humana. Também sou o criador do blog FabioBmed.com.br.
Desde 2006 trabalho com tecnologia, marketing digital e análise de sistemas complexos. Mas os sistemas que mais me fascinam hoje são os que carregamos dentro da cabeça.
Estou entrando na psicologia, com foco em neuropsicologia — a ciência que explica por que você pensa, decide e se comporta do jeito que faz. Essa transição não é um desvio de rota: é a evolução natural de quem passou décadas entendendo como sistemas funcionam — e percebeu que o mais complexo de todos ainda estava por ser mapeado.
Ao longo dessa trajetória, criei dois projetos que sintetizam essa visão.
A Metapax nasceu da percepção de que negócios não crescem por acaso. Crescem quando existe uma estrutura clara de autoridade, presença e experiência do cliente. Depois de mais de duas décadas liderando operações digitais e analisando padrões de crescimento empresarial, transformei esse entendimento no Método APA — Autoridade, Presença e Atendimento — aplicado a empresas e profissionais que querem crescer com previsibilidade e posicionamento sólido.
Já a MapexMind surgiu de outro tipo de investigação: entender a arquitetura da mente humana. O projeto aplica neuropsicologia à vida real para ajudar pessoas a compreenderem padrões emocionais, cognitivos e comportamentais — próprios ou de quem amam — traduzindo conceitos complexos em clareza prática e utilizável.
No fundo, os dois projetos partem da mesma pergunta:
Como sistemas funcionam por trás da superfície?
Negócios, comportamento, decisões, relações humanas, tecnologia, marketing e mente — tudo aqui é analisado pelo mesmo prisma: estrutura, padrões e a ciência por trás de como as coisas realmente funcionam.
Este blog é o ponto de encontro dessas áreas. Um espaço onde tecnologia, psicologia, neurociência, comportamento humano, marketing e filosofia prática deixam de ser assuntos separados e passam a conversar entre si.
Publicação Criada em: dezembro 22, 2012
Atualizado em: março 18, 2025 8:21 pm
Post muito útil, obrigado.
Simples, prático e funcionável. Valeu!!
util