كيفية إجراء التحقق من البريد الإلكتروني في HTML CSS وجافا سكريبت

ستتعلم اليوم في هذه المدونة كيفية إجراء التحقق من البريد الإلكتروني في HTML CSS وجافا سكريبت

مرحبًا أيها الأصدقاء ، ستتعلم اليوم في هذه المدونة كيفية إجراء التحقق من البريد الإلكتروني في HTML CSS وجافا سكريبت.

التحقق من صحة البريد الإلكتروني هو طريقة للتحقق مما إذا كان عنوان البريد الإلكتروني الذي أدخله المستخدم صالحًا أم لا. إذا كان البريد الإلكتروني غير صالح ، فيمكننا إظهار رسالة خطأ لإبلاغ المستخدم بها.

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

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

في الفيديو ، شاهدت العرض التوضيحي للتحقق من صحة البريد الإلكتروني في HTML و JavaScript وأيضًا كيف أجريت عملية التحقق باستخدام HTML CSS و JavaScript فقط. للتحقق من صحة عنوان البريد الإلكتروني الذي أدخله المستخدم ، قمت أولاً بكتابة نمط regex للتحقق من صحة ومطابقة المدخلات التي أدخلها المستخدم مع هذا النمط.

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

التحقق من صحة البريد الإلكتروني في HTML و JavaScript
لإنشاء هذا التحقق من صحة البريد الإلكتروني في HTML CSS & JavaScript. أولاً ، تحتاج إلى تحميل ملف الاكواد من زر التحميل

الملفات

ما هو رد فعلك؟

like

dislike

love

funny

angry

sad

wow