Como validar o endereço de e -mail em JavaScript

O processo de verificar os valores inseridos pelos usuários é conhecido como validação. Melhora a experiência do usuário e é significativa para aplicativos da Web. A validação é usada no JavaScript para verificar a identidade de um usuário verificando o email, senha, número de celular e uma variedade de outras informações do usuário. Esta técnica é mais utilizada ao criar formulários para sites.

Nesta postagem, falaremos sobre alguns métodos comuns para validar os endereços de email em JavaScript.

Como validar o endereço de e -mail em JavaScript?

Ao verificar um formulário HTML, validar o email é uma etapa crítica. No JavaScript, você pode validar o endereço de e -mail:

1. Usando regex
2. Sem regex

Vamos examinar como essas abordagens validarão o email.

Método 1: Validar endereço de e -mail usando Regex

Para validar um email, você pode usar um padrão regex/expressão regular com javascript “corresponder() ”Método. O valor do email especificado em um campo de entrada é comparado a um padrão regular de expressão ou regex usando o método Match ().

Sintaxe
Siga a sintaxe abaixo para validar um email usando o método Match ():

Entrada de texto.valor.correspondência (regexpattern);

Aqui o "regexpattern”É a expressão regular que corresponderá ao valor do campo de texto.

Agora, confira o seguinte exemplo.

Exemplo
Neste exemplo, criaremos um formulário HTML que contém um valor de entrada e um botão que verificará se o email inserido é válido ou não chamando a função JavaScript definida pelo usuário nomeada como "MailValidation ()”:

Enviar

No arquivo JavaScript, definiremos o “MailValidation ()”Método que assume o valor do campo de entrada como um parâmetro. Depois disso, defina um padrão regex para email que segue alfabetos A-ZA-Z, caracteres, 0-9 dígitos, com @ e (.). Em seguida, ligue para o método Match () com o valor do texto de entrada, passando o padrão Regex. Se o valor do texto de entrada corresponder ao regex, um alerta mostrará com a mensagem “Endereço de Email Válido!”; caso contrário, o alerta mostra uma mensagem especificada:

Função MailValidation (InputText)

regexpattern = /^[a-za-z0-9.!#$%& '*+/=?^_ '| ~-]+@[a-za-z0-9-]+(?: \.[A-ZA-Z0-9-]+)*$/;
inputTextVal = documento.getElementById ("txt");
if (inputTextVal.valor.Match (regexpattern))

alerta ("endereço de e -mail válido!");
retornar true;

outro

Alert ("Você inseriu um endereço de e -mail inválido!");
retorna falso;

Pode -se observar que nossa metodologia definida está funcionando perfeitamente para verificar o endereço de e -mail:

Vamos ver outro método para validar o email sem usar o regex.

Método 2: Validar endereço de email sem usar o Regex

Para validar o email sem regex, você pode usar o “inclui ()”Método. Fornece um valor booleano como uma saída. Ele aceita personagens como um argumento e retorna “verdadeiro“Se eles existirem na entrada, senão ele produz“falso”.

Sintaxe
Siga a sintaxe abaixo fornecida para usar o método inclui ():

corda.inclui (caracteres);

Aqui, "personagens" são as (@) sinal e (.) que será verificado no e -mail inserido.

Exemplo
Neste exemplo, faremos alterações na função JavaScript acima, chamada “MailValidation ()”. Aqui, usaremos o método inclui () em função para verificar o valor de entrada, seja ele contém (@) sinal e (.) ou não:

Função MailValidation (InputText)

inputTextVal = documento.getElementById ("txt");
if (inputTextVal.valor.inclui ("@", "."))

alerta ("endereço de e -mail válido!");
retornar true;

outro

Alert ("Você inseriu um endereço de e -mail inválido!");
retorna falso;

Saída

Compilamos os métodos mais simples para validar endereços de email usando JavaScript.

Conclusão

Para validar um endereço de e -mail, você pode usar o “corresponder()”Método para validar com Regex ou o“inclui ()”Método para validar o email sem usar o regex. O método Match () corresponde ao endereço de email inserido com o regex específico, enquanto o método inclui () verifica o “@" e a ".”No e -mail, se ambos estão incluídos no e -mail inserido ou não. Este post discutiu os métodos para validar endereços de email em JavaScript com exemplos detalhados.