מה יכול להיות קל יותר מאשר הגדרת טופס HTML לוכדת כתובות דוא"ל, לומר על ידיעון או הודעות? Mistyping כתובת דוא"ל בצורה זו, כמובן, ולאחר מכן יש הדפדפן שלך לזכור כי כתובת שגויה עבור כל טופסי ההרשמה לבוא.
אם אתה רוצה לאמת כתובות דוא"ל שהוזנו בטופס שלך, אך הימנע מסובכים וסקריפטים מסובכים, HTML5 מאפשר לך להסתמך על הדפדפן - ללא מאמץ וללא הפעלת JavaScript.
אימות כתובות דוא"ל עם HTML5
כדי לאפשר לדפדפנים של המשתמשים לאמת כתובות דוא"ל כאשר הם מזינים אותם בטופס האינטרנט של HTML:
- ודא שאתה משתמש ב- HTML5.
- ציין את אלמנט הזנת הטופס של כתובת האימייל כסוג "דוא"ל". (ראה להלן דוגמה).
דפדפנים שאינם מזהים את סוג = "דוא"ל" צריכים (וככל שניתן לדעת, כולם יהיו) יטפלו בשדה הקלט כמו שדה רגיל = "טקסט".
כתובת דוא"ל של HTML5 אימות תיקונים
שים לב שתהליך אימות כתובת הדואר האלקטרוני של HTML יפעל רק בדפדפנים התומכים ב- HTML5 ויאמת את קלט האלמנט של הטופס. עבור דפדפנים אחרים וגיבוי, אתה עדיין יכול לאמת כתובות דוא"ל באמצעות PHP, למשל.
דפדפנים שתומכים באימות כתובת האימייל של HTML5 כוללים את Safari 5+, את Google Chrome 6+, את Mozilla Firefox 4+ ואת Opera 10+. Safari 5 ו- Google Chrome 6-8 לא יקבלו קלט כתובת דוא"ל לא חוקית, אך בניגוד לדפדפנים אחרים, לא יסייע למשתמש לתקן את השגיאה.
דוגמה לאמת אימות של HTML5
כדי לערב דפדפנים של משתמשים כדי לאמת כתובות דוא"ל עם HTML5, השתמש בקוד הבא, לדוגמה:
