JavaScript Validación de correo electrónico de expresión regular
Las direcciones de correo electrónico tienen un formato específico, con ciertos caracteres y estructuras requeridas. Validar una dirección de correo electrónico asegura que esté en el formato correcto y se pueda usar para enviar o recibir correos electrónicos. Al validar las direcciones de correo electrónico, puede asegurarse de que se entregue información importante al destinatario correcto y que la comunicación sea lo más eficiente posible.
Este blog describirá la validación por correo electrónico en JavaScript.
Cómo validar el correo electrónico en JavaScript?
Verificar la dirección de correo electrónico ingresada del usuario se conoce como validación de correo electrónico. En JavaScript, puede validar una dirección de correo electrónico utilizando "expresión regular" con el "fósforo()" método. El método Match () verifica la entrada del usuario con el patrón especificado.
Primero veamos algunas direcciones de correo electrónico válidas e inválidas, luego creemos un patrón para validar las direcciones de correo electrónico.
Direcciones de correo electrónico válidas
Algunas direcciones de correo electrónico válidas son:
Direcciones de correo electrónico no válidas:
Los siguientes correos electrónicos formateados no son aceptables:
- Un correo electrónico comenzó con un punto "."
- Ningún personaje antes @
- Sin @
- No se permiten puntos dobles
Patrón
El patrón dado es un patrón de formato de correo electrónico general:
VAR Patrón = /[A-Z0-9]+@[A-Z]+\.[A-Z] 2,3/
El patrón anterior acepta:
- "[A-Z0-9]"Indica los caracteres de letras pequeñas con números.
- "@[Arizona]"Significa el signo @ con cualquier número de caracteres pequeños.
- "\."Especifique el punto (.).
- "[A-Z] 2,3"Denota los alfabetos A-Z con la longitud 2 o 3, como"comunicarse","organizar","neto", etcétera.
Es importante tener en cuenta que el patrón anterior es una expresión regular general, y puede no cubrir todos los casos posibles de validación por correo electrónico, pero es un buen punto de partida. Puede crear/definir un patrón según sus propios requisitos.
Probemos otro patrón (complejo) que aceptará las letras pequeñas y de capital con diferentes caracteres especiales:
patrón var = /^[A-ZA-Z0-9.!#$%& '*+/=?^_ '| ~-]+@[A-ZA-Z0-9-]+(?: \.[A-ZA-Z0-9-]+)*$/
Ejemplo
En un archivo HTML, cree un formulario que contenga un campo de texto, un botón y un área para mostrar un mensaje de error. Adjunta "al hacer clic"Evento con el"entregar"Botón que invocará el"emailValidationFunc ()"Función para validar la entrada del usuario:
En el archivo JavaScript, agregue el siguiente código:
Función EmailValidationFunc ()
entrada var = documento.getElementById ("correo").valor;
VAR Patrón = /[A-Z0-9]+@[A-Z]+\.[A-Z] 2,3/;
if (entrada.Match (patrón))
alerta ("coincidencias de patrones!");
devolver verdadero;
demás
documento.getElementById ("Error").innerhtml = "Ingrese una dirección de correo electrónico válida!";
falso retorno;
Según el fragmento de código anterior:
- Primero, defina una función llamada "emailValidationFunc ()"Que se activará en el clic del botón.
- Obtenga el valor de la entrada del usuario utilizando el "valor" atributo.
- Cree un patrón para la dirección de correo electrónico de validación.
- Llama a "fósforo()Método para verificar si el valor de entrada coincide con el patrón proporcionado. Si es así, muestre un mensaje de alerta "Coincidencias de patrones!". De lo contrario, imprima el mensaje de error "Por favor, introduce una dirección de correo electrónico válida!".
Producción
Se trata de validación por correo electrónico utilizando la expresión regular de JavaScript.
Conclusión
En JavaScript, para validar una dirección de correo electrónico, use el "expresión regular" con el "fósforo()" método. El método Match () verifica la entrada del usuario con el patrón especificado. Este blog menciona patrones generales de formato de correo electrónico, pero también puede crear un patrón según sus propios requisitos. En este blog, describimos la validación por correo electrónico en JavaScript.