Cómo validar la dirección de correo electrónico en JavaScript

El proceso de verificación de los valores ingresados ​​por los usuarios se conoce como validación. Mejora la experiencia del usuario y es significativo para las aplicaciones web. La validación se utiliza en JavaScript para verificar la identidad de un usuario mediante la verificación del correo electrónico, la contraseña, el número de teléfono móvil del usuario y una variedad de otra información. Esta técnica se utiliza más al crear formularios para sitios web.

En esta publicación, hablaremos sobre algunos métodos comunes para validar direcciones de correo electrónico en JavaScript.

Cómo validar la dirección de correo electrónico en JavaScript?

Al verificar un formulario HTML, validar el correo electrónico es un paso crítico. En JavaScript, puede validar la dirección de correo electrónico:

1. Usando regex
2. Sin regex

Examinemos cómo estos enfoques validarán el correo electrónico.

Método 1: Validar la dirección de correo electrónico utilizando Regex

Para validar un correo electrónico, puede usar un patrón regex/expresión regular con JavaScript "fósforo()" método. El valor del correo electrónico especificado en un campo de entrada se compara con una expresión regular o patrón regex usando el método coincidir ().

Sintaxis
Siga la sintaxis a continuación para validar un correo electrónico utilizando el método Match ():

texto de entrada.valor.Match (regexPatnn);

Aquí el "maniobra"Es la expresión regular que coincidirá con el valor del campo de texto.

Ahora, mira el siguiente ejemplo.

Ejemplo
En este ejemplo, crearemos un formulario HTML que contenga un valor de entrada y un botón que verifique si el correo electrónico ingresado es válido o no llamando a la función JavaScript definida por el usuario llamada "MailValidation ()":

Entregar

En el archivo JavaScript, definiremos el "MailValidation ()Método que toma el valor del campo de entrada como parámetro. Después de eso, defina un patrón regex para el correo electrónico que sigue a los alfabetos A-Za-Z, caracteres, 0-9 dígitos, con @ y ((.). Luego, llame al método Match () con el valor del texto de entrada pasando el patrón regex. Si el valor del texto de entrada coincide con Regex, se mostrará una alerta con el mensaje "Dirección de email válida!"; más, la alerta muestra un mensaje especificado:

function 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 ("Dirección de correo electrónico válida!");
devolver verdadero;

demás

alerta ("Has ingresado una dirección de correo electrónico no válida!");
falso retorno;

Se puede ver que nuestra metodología definida funciona perfectamente para verificar la dirección de correo electrónico:

Veamos otro método para validar el correo electrónico sin usar Regex.

Método 2: Validar la dirección de correo electrónico sin usar Regex

Para validar el correo electrónico sin regex, puede usar el "Incluye ()" método. Da un valor booleano como salida. Acepta los personajes como argumento y regresa "verdadero"Si existen en la entrada, de lo contrario sale"FALSO".

Sintaxis
Siga la sintaxis proporcionada a continuación para usar el método incluido ():

cadena.incluye (caracteres);

Aquí, "caracteres"Son los (@) firmar y (.) que se verificará en el correo electrónico ingresado.

Ejemplo
En este ejemplo, haremos cambios en la función JavaScript creada anteriormente llamada "MailValidation ()". Aquí, utilizaremos el método INCLY () en función para verificar el valor de entrada si contiene (@) firmar y (.) O no:

function mailValidation (inputText)

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

alerta ("Dirección de correo electrónico válida!");
devolver verdadero;

demás

alerta ("Has ingresado una dirección de correo electrónico no válida!");
falso retorno;

Producción

Hemos compilado los métodos más simples para validar las direcciones de correo electrónico utilizando JavaScript.

Conclusión

Para validar una dirección de correo electrónico, puede usar el "fósforo()"Método para validar con Regex o el"Incluye ()Método para validar el correo electrónico sin usar Regex. El método Match () coincide con la dirección de correo electrónico ingresada con el Regex particular mientras el método incluye () verifica el ""@" y el "."En el correo electrónico, si ambos están incluidos en el correo electrónico ingresado o no. Esta publicación discutió los métodos para validar las direcciones de correo electrónico en JavaScript con ejemplos detallados.