Validação por e -mail em JavaScript

JavaScript, uma linguagem de programação usada para desenvolver sites requintadamente agradáveis. Além de dar uma aparência agradável ao seu site, ele também é usado para fins de validação ao criar um formulário HTML. A validação, o mais importante, a validação por e -mail, é uma parte altamente significativa de um formulário que garante que apenas informações autênticas sejam fornecidas pelo usuário. Projetamos esta postagem para mostrar como validar o e -mail do usuário usando JavaScript. Este artigo cobre os seguintes tópicos.

1. Introdução à validação
2. Como validar o email usando JavaScript

Vamos começar.

Introdução à validação

A validação é o procedimento para garantir que o usuário, bem como as informações que o usuário fornece, é autêntico. JavaScript autentica as informações sobre o lado do cliente, o que aprimora o procedimento de processamento de dados.

A validação é usada para autenticar o nome de usuário, senha, email, número de telefone e assim por diante. Nesta postagem, seguiremos a validação por e -mail. Vamos aprender a executar isso usando JavaScript.

Como validar o email usando JavaScript

Como já mencionado, validar um email é altamente importante ao criar formulários em sites.

Um endereço de e -mail é dividido em duas partes que são separadas usando o símbolo "@", além disso, cada uma dessas partes consiste em uma combinação de caracteres ASCII. A parte inicial de um email denota principalmente as informações pessoais de um usuário e consiste no seguinte.

1. Tanto a uppercase (A-Z) quanto as letras minúsculas (A-Z).

2. Digits numéricos (0-9).

3. Personagens especiais como ! # $ % ^ & * _ - = | ~.

4. Uma parada completa (não pode ser o primeiro ou o último personagem, além disso, você não pode usar um ponto final consecutivo.)

Além disso, o nome de domínio, que é a parte do email que vem depois que o @ símbolo pode consistir em letras, dígitos, hífens e pontos.

Exemplo

Aqui demonstramos um exemplo completo de um formulário HTML que valida um email usando JavaScript.

Html

Insira o seu endereço de email

No código HTML acima, criamos um campo de entrada em que o usuário inserirá o endereço de email e, com o clique do botão enviar, o email inserido é passado para o Validar email() Método a ser validado.

CSS

.H3
margem-esquerda: 38px;

entrada
Size da fonte: 20px;

Entrada: foco, textarea: foco

Background-Color: Whitesmoke;

entrada de entrada
tamanho de fonte: 12px;

Aqui estamos usando alguns CSs básicos para estilizar nossos elementos html.

JavaScript

functionValidateMail (InputText)

var MailFormat = /^\ W+([\.-]?\ w+)*@\ w+([\.-]?\ w+)*(\.\ w 2,3)+$/;
if (inputText.valor.Match (MailFormat))

alerta ("endereço de e -mail válido!");
documento.formulário 1.texto 1.foco();
returnTrue;

outro

alerta ("endereço de e -mail inválido!");
documento.formulário 1.texto 1.foco();
retorna falso;

Neste código JavaScript, uma expressão regular /^\ w+([\.-]?\ w+)*@\ w+([\.-]?\ w+)*(\.\ w 2,3)+$/ é usado para validar um email. Posteriormente, se/else as instruções estiverem sendo usadas para especificar que, se o usuário entrar em um endereço de email válido, uma mensagem de alerta será gerada confirmando a autenticidade do endereço de email e se o usuário inserir um endereço de email inválido, a mensagem de alerta notificará o usuário sobre isso.

Saída

Quando você fornece um endereço de e -mail autêntico.

Quando você insere um endereço de e -mail inválido.

A validação por e -mail foi bem -sucedida.

Conclusão

Em JavaScript, uma expressão regular /^\ w+([\.-]?\ w+)*@\ w+([\.-]?\ w+)*(\.\ W 2,3)+$/ é usado para validar um endereço de e -mail em formulários HTML que especifica o padrão de um email válido. Além disso, as declarações se/else forem usadas para especificar condições para endereço de email válido e inválido. Este artigo o orienta sobre como validar um endereço de e-mail usando JavaScript com a ajuda de um código relevante.