HTML- HTML5 Validation des e-mails
La validation des formulaires est essentielle pour prévenir les formulaires en ligne mal utilisés par les utilisateurs non autorisés. La validation inappropriée des données de formulaire est l'une des principales raisons du problème de sécurité. Il expose le site Web aux correctifs d'en-tête, aux scripts croisés et aux attaques de rappel SQL. Plus précisément, la validation des e-mails est une procédure pour déterminer si une adresse e-mail particulière est active et accessible.
Ce message expliquera les différentes méthodes de validation par e-mail HTML5:
- Méthode 1: validation des e-mails en définissant le modèle dans l'élément d'entrée
- Méthode 2: Validation des e-mails en entrant «Type» comme e-mail
Méthode 1: validation des e-mails en définissant le modèle dans l'élément d'entrée
Pour la validation des e-mails HTML5, créez un formulaire à l'aide du ««Élément et ajoutez un élément d'entrée et spécifiez le type d'entrée comme«e-mail», Et définissez le modèle de l'e-mail.
Étape 1: Créez un formulaire
Afin de concevoir un formulaire, utilisez le «»Élément de la page HTML.
Étape 2: Insérer l'étiquette
Ensuite, ajoutez le "”Élément pour définir l'étiquette sous la forme. Ensuite, intégrez du texte entre la balise d'étiquette à afficher sur la page Web.
Étape 3: Ajouter un élément d'entrée
Après cela, insérez un «”Élément pour créer un champ de saisie et ajouter les attributs suivants dans l'élément d'entrée:
- "taper»L'attribut détermine le type d'entrée dans le formulaire. Dans ce scénario, la valeur du «taper«L'attribut est spécifié comme«e-mail», Ce qui permet à l'utilisateur de saisir uniquement les données de messagerie dans le champ de saisie.
- "modèle»Spécifie une expression régulière que le«»La valeur de l'élément est vérifiée par rapport à la soumission du formulaire.
- "espace réservé"Alloce un court indice qui décrit la valeur attendue d'un champ de saisie ou de TextArea:
En conséquence, l'utilisateur peut ajouter un e-mail dans le champ de saisie:
Cependant, si les utilisateurs essaient de saisir un e-mail non valide, le formulaire ne se soumetra pas:
Méthode 2: Validation des e-mails en entrant «Type» comme e-mail
L'utilisateur peut également ajouter l'e-mail en spécifiant le type d'entrée comme «e-mail», Cela ne prend en charge que les données qui se composent d'adresse e-mail:
Sortir
C'est tout au sujet des méthodes de validation des e-mails HTML5.
Conclusion
Pour la validation des e-mails HTML5, concevez d'abord un formulaire en utilisant le ««Element et ajoutez un«"Elément et spécifiez l'entrée"taper" comme "e-mail», Et définissez le«modèle»En spécifiant un modèle particulier de l'e-mail. D'un autre côté, l'utilisateur ne peut pas saisir l'autre type de données dans le champ indiqué. Ce tutoriel a démontré les méthodes de validation de l'e-mail HTML5.