ما الذي يمكن أن يكون أسهل من إعداد نموذج 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 إدخال عنوان بريد إلكتروني غير صالح ، ولكن على عكس المتصفحات الأخرى ، لن يساعد المستخدم في تصحيح الخطأ.
HTML5 مثال التحقق من صحة عنوان البريد الإلكتروني
لجذب متصفحات المستخدمين إلى التحقق من صحة عناوين البريد الإلكتروني باستخدام HTML5 ، استخدم الشفرة التالية ، على سبيل المثال: