التحقق من صحة عناوين البريد الإلكتروني باستخدام HTML5

ما الذي يمكن أن يكون أسهل من إعداد نموذج HTML يلتقط عناوين البريد الإلكتروني ، أو لنقل رسالة إخبارية أو إشعارات؟ أخطأ في كتابة عنوان بريد إلكتروني بهذا الشكل ، ثم تذكر أن متصفحك يتذكر العنوان غير الصحيح لجميع نماذج الاشتراك في المستقبل.

إذا كنت تريد التحقق من صحة عناوين البريد الإلكتروني التي تم إدخالها في النموذج الخاص بك ولكن تجنب الأخطاء المعقدة والنصوص البرمجية ، فإن HTML5 يتيح لك إمكانية الاعتماد على المتصفح - دون بذل جهد وبدون اللجوء إلى JavaScript.

التحقق من صحة عناوين البريد الإلكتروني باستخدام HTML5

لجعل متصفحات المستخدمين تتحقق من صحة عناوين البريد الإلكتروني عند إدخالها في نموذج HTML على الويب:

تأكد من استخدام HTML5.
حدد عنصر إدخال نموذج عنوان البريد الإلكتروني كنوع "email". (إنظر في الأسفل للمثال.)

يجب أن تتعامل المتصفحات التي لا تتعرف على type = "email" (و ، بقدر ما يمكن لأحد أن يخبرنا بذلك ،) عن حقل الإدخال مثل الحقل العادي type = "text".

HTML5 عنوان البريد الإلكتروني التحقق من صحة التحذيرات

لاحظ أن التحقق من عناوين البريد الإلكتروني بتنسيق HTML لن يعمل إلا في المتصفحات التي تدعم HTML5 والتحقق من صحة إدخال عنصر النموذج. بالنسبة للمتصفحات الأخرى والنسخ الاحتياطي ، لا يزال بإمكانك التحقق من صحة عناوين البريد الإلكتروني باستخدام PHP ، على سبيل المثال.

تتضمن المتصفحات التي تدعم التحقق من صحة عنوان البريد الإلكتروني في HTML5 Safari 5+ و Google Chrome 6+ و Mozilla Firefox 4+ و Opera 10+. لن يقبل Safari 5 و Google Chrome 6-8 إدخال عنوان بريد إلكتروني غير صالح ، ولكن على عكس المتصفحات الأخرى ، لن يساعد المستخدم في تصحيح الخطأ.