Validación por correo electrónico en JavaScript

JavaScript, un lenguaje de programación que se utiliza para desarrollar sitios web exquisitamente agradables. Además de dar un aspecto agradable a su sitio web, también se utiliza para fines de validación al crear un formulario HTML. La validación, lo más importante, la validación por correo electrónico, es una parte muy significativa de un formulario que asegura que el usuario proporcione solo información auténtica. Hemos diseñado esta publicación para mostrarle cómo validar el correo electrónico del usuario usando JavaScript. Este artículo cubre los siguientes temas.

1. Introducción a la validación
2. Cómo validar el correo electrónico usando JavaScript

Empecemos.

Introducción a la validación

La validación es el procedimiento de asegurarse de que el usuario, así como la información que proporciona el usuario, es auténtica. JavaScript autentica la información del lado del cliente que mejora el procedimiento de procesamiento de datos.

La validación se utiliza para autenticar el nombre de usuario, la contraseña, el correo electrónico, el número de teléfono, etc. En esta publicación, nos quedaremos con la validación de correo electrónico. Aprendamos a realizar eso usando JavaScript.

Cómo validar el correo electrónico usando JavaScript

Como ya se mencionó, validar un correo electrónico es muy importante al crear formularios en sitios web.

Una dirección de correo electrónico se divide en dos partes que se separan utilizando el símbolo "@", además, cada una de estas partes consiste en una combinación de caracteres ASCII. La parte inicial de un correo electrónico denota principalmente la información personal de un usuario y consta de lo siguiente.

1. Tanto las letras mayúsculas (A-Z) como en minúsculas (A-Z).

2. Dígitos numéricos (0-9).

3. Personajes especiales como ! # $ % ^ & * _ - = | ~.

4. Una parada completa (no puede ser el primer o último personaje, además, no puede usar una parada completa consecutivamente.)

Además de esto, el nombre de dominio, que es la parte del correo electrónico que viene después de que el símbolo @ puede consistir en letras, dígitos, guiones y puntos.

Ejemplo

Aquí hemos demostrado un ejemplo completo de un formulario HTML que valida un correo electrónico con JavaScript.

Html

Ingrese su dirección de correo electrónico

En el código HTML anterior, hemos creado un campo de entrada donde el usuario ingresará la dirección de correo electrónico y, al hacer clic en el botón Enviar, el correo electrónico ingresado se pasa al validar correo electrónico() método para ser validado.

CSS

.H3
margen-izquierda: 38px;

aporte
tamaño de fuente: 20px;

Entrada: Focus, TextARea: Focus

Color de fondo: Whitesmoke;

Entrada Enviar
tamaño de fuente: 12px;

Aquí estamos utilizando algunos CSS básicos para diseñar nuestros elementos HTML.

Javascript

FunctionValidateMail (InputText)

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

alerta ("Dirección de correo electrónico válida!");
documento.formulario 1.texto 1.enfocar();
returnTrue;

demás

alerta ("Dirección de correo electrónico no válida!");
documento.formulario 1.texto 1.enfocar();
falso retorno;

En este código JavaScript, una expresión regular /^\ w+([\ \.-]?\ w+)*@\ w+([\.-]?\ w+)*(\.\ W 2,3)+$/ se usa para validar un correo electrónico. Posteriormente, las declaraciones de si/else se están utilizando para especificar que si el usuario ingresa una dirección de correo electrónico válida, se generará un mensaje de alerta confirmando la autenticidad de la dirección de correo electrónico y si el usuario ingresa una dirección de correo electrónico no válida, el mensaje de alerta notificará al usuario de eso.

Producción

Cuando proporciona una dirección de correo electrónico auténtica.

Cuando ingresa una dirección de correo electrónico no válida.

La validación por correo electrónico fue exitosa.

Conclusión

En JavaScript, una expresión regular /^\ w+([\ \.-]?\ w+)*@\ w+([\.-]?\ w+)*(\.\ W 2,3)+$/ se usa para validar una dirección de correo electrónico en formularios HTML que especifica el patrón de un correo electrónico válido. Además, las declaraciones de IF/Else se utilizan para especificar condiciones para direcciones de correo electrónico válidas como un direcciones de correo electrónico no válidas. Este artículo lo guía sobre cómo validar una dirección de correo electrónico utilizando JavaScript con la ayuda de un código relevante.