Validação de email de expressão regular JavaScript

Os endereços de email têm um formato específico, com certos caracteres e estruturas necessárias. Validar um endereço de e -mail garante que ele esteja no formato correto e possa ser usado para enviar ou receber e -mails. Ao validar os endereços de email, você pode garantir que informações importantes sejam entregues ao destinatário correto e que a comunicação seja o mais eficiente possível.

Este blog descreverá a validação por e -mail em JavaScript.

Como validar e -mails em javascript?

Verificando o endereço de e -mail inserido do usuário é conhecido como validação por email. Em JavaScript, você pode validar um endereço de e -mail usando “expressão regular" com o "corresponder()”Método. O método Match () verifica a entrada do usuário com o padrão especificado.

Vamos primeiro ver alguns endereços de email válidos e inválidos e depois criar um padrão para validar os endereços de email.

Endereços de email válidos

Alguns endereços de e -mail válidos são:

• [email protected]
• [email protected]
• [email protected]
• xymy@você.seu.líquido

Endereços de e -mail inválidos:

Os seguintes e -mails formatados não são aceitáveis:

• Um e -mail começou com um ponto “.”
• Nenhum personagem antes @
• Sem @
• Pontos duplos não são permitidos

Padrão

O padrão fornecido é um padrão geral de formato de email:

var padrão = /[a-z0-9]+@[a-z]+\.[a-z] 2,3/

O padrão acima aceita:

• ““[A-Z0-9]”Indica os caracteres de letra pequenos com números.
• ““@[a-z]”Significa o sinal @ com qualquer número de caracteres pequenos.
• ““\.”Especifique o ponto (.).
• ““[a-z] 2,3”Denota os alfabetos A-Z com comprimento 2 ou 3, como“com","org","líquido", e assim por diante.

É importante observar que o padrão acima é uma expressão regular geral e pode não cobrir todos os casos possíveis de validação por e -mail, mas é um bom ponto de partida. Você pode criar/definir um padrão em seus próprios requisitos.

Vamos tentar outro padrão (complexo) que aceite as cartas pequenas e capitais com diferentes caracteres especiais:

var padrão = /^[a-za-z0-9.!#$%& '*+/=?^_ '| ~-]+@[a-za-z0-9-]+(?: \.[A-ZA-Z0-9-]+)*$/

Exemplo

Em um arquivo HTML, crie um formulário que contenha um campo de texto, um botão e uma área para exibir uma mensagem de erro. Anexe o “ONCLICKEvento com o “enviar”Botão que invocará o“emailValidationFunc ()”Função para validar a entrada do usuário:

Digite seu e-mail: <entrada type = "text" autocomplete = "off">
<p>p>
<entrada type = "submeter" value = "submeter" onclick = "emailvalidationfunc ()">
forma>

No arquivo JavaScript, adicione o seguinte código:

função emailvalidationfunc ()

var input = documento.getElementById ("Mail").valor;
var padrão = /[a-z0-9]+@[a-z]+\.[a-z] 2,3/;
if (entrada.correspondência (padrão))

alerta ("corresponde ao padrão!");
retornar true;

outro

documento.getElementById ("erro").INNERHTML = "Por favor, insira um endereço de e -mail válido!";
retorna falso;

De acordo com o snippet de código acima:

• Primeiro, defina uma função chamada “emailValidationFunc ()”Isso vai acionar o botão Clique.
• Obtenha o valor da entrada do usuário usando o “valor”Atributo.
• Crie um padrão para o endereço de e -mail validador.
• Ligar para "corresponder()”Método para verificar se o valor de entrada corresponde ao padrão fornecido. Se sim, mostre uma mensagem de alerta “Correspondências de padrões!”. Caso contrário, imprima a mensagem de erro “Por favor insira um endereço de e-mail válido!”.

Saída

É tudo sobre validação por e -mail usando a expressão regular JavaScript.

Conclusão

Em JavaScript, para validar um endereço de e -mail, use o “expressão regular" com o "corresponder()”Método. O método Match () verifica a entrada do usuário com o padrão especificado. Este blog menciona padrões gerais de formatação de email, mas você também pode criar um padrão em seus próprios requisitos. Neste blog, descrevemos a validação por e -mail em JavaScript.