HTML- HTML5 Validación por correo electrónico
La validación de formulario es esencial para prevenir los formularios en línea mal utilizados por usuarios no autorizados. La validación inapropiada de los datos de formulario es una de las principales razones del problema de seguridad. Expone el sitio web a correcciones de encabezado, scripts de sitios cruzados y ataques de refuerzo SQL. Más específicamente, la validación por correo electrónico es un procedimiento para determinar si una dirección de correo electrónico en particular es activa y accesible.
Esta publicación explicará los diferentes métodos para la validación de correo electrónico HTML5:
- Método 1: Validación por correo electrónico definiendo el patrón en el elemento de entrada
- Método 2: Validación por correo electrónico por entrada "Tipo" como correo electrónico
Método 1: Validación por correo electrónico definiendo el patrón en el elemento de entrada
Para la validación de correo electrónico HTML5, cree un formulario utilizando el "Elemento "y agregue un elemento de entrada y especifique el tipo de entrada como"correo electrónico", Y defina el patrón del correo electrónico.
Paso 1: crear un formulario
Con el fin de diseñar un formulario, utilice el ""Elemento en la página HTML.
Paso 2: Insertar etiqueta
A continuación, agregue el ""Elemento para definir la etiqueta en el formulario. Luego, incruste el texto entre la etiqueta de la etiqueta para mostrar en la página web.
Paso 3: Agregar elemento de entrada
Después de eso, inserte un "Elemento "para crear un campo de entrada y agregar los siguientes atributos en el elemento de entrada:
- "tipo"El atributo determina el tipo de entrada en el formulario. En este escenario, el valor del "tipo"El atributo se especifica como"correo electrónico", Que permite al usuario ingresar solo datos de correo electrónico en el campo de entrada.
- "patrón"Especifica una expresión regular que el""El valor del elemento se verifica en el envío del formulario.
- "marcador de posición"Asigna una pista corta que describe el valor esperado de un campo de entrada o TextAREA:
Como resultado, el usuario puede agregar correo electrónico en el campo de entrada:
Sin embargo, si los usuarios intentan ingresar un correo electrónico no válido, entonces el formulario no enviará:
Método 2: Validación por correo electrónico por entrada "Tipo" como correo electrónico
El usuario también puede agregar el correo electrónico especificando el tipo de entrada como "correo electrónico", Que solo admiten los datos que consisten en la dirección de correo electrónico:
Producción
Se trata de los métodos de validación de correo electrónico HTML5.
Conclusión
Para la validación de correo electrónico HTML5, primero, diseñe un formulario utilizando el "Elemento "y agregar un""Elemento y especifique la entrada"tipo" como "correo electrónico", Y defina el"patrón"Al especificar un patrón particular del correo electrónico. Por otro lado, el usuario no puede ingresar el otro tipo de datos en el campo establecido. Este tutorial demostró los métodos de validación de correo electrónico HTML5.