على سبيل المثال التحقق من صحة البريد الإلكتروني باستخدام JavaScript (Regex)

في كثير من الأحيان يتم تقديم الحاجة إلى التحقق من إدخال عنوان بريد إلكتروني في حقل معين من النموذج الخاص بنا. بريد إلكتروني صالح. في هذه المقالة ، سنتعلم كيفية التحقق من صحة رسائل البريد الإلكتروني باستخدام التعبيرات العادية (المعروفة أيضًا باسم regex) في JavaScript.

ما هو التعبير النمطي (regex)؟

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

التعبيرات العادية هي أداة قوية ومرنة للعمل مع السلاسل النصية والتحقق من صحة بيانات الإدخال.

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

للتحقق من صحة البريد الإلكتروني ، يتعين علينا التحقق من صحة التنسيق ، أي أنه يشتمل على @ ومجال. لهذا نستخدم التعبير التالي:

فار regex = /^[w-]+(.[w-]+)*@[w-]+(.[w-]+)*.[a-zA-Z]{2,}$/;

مثال بالشكل الكامل

في المثال التالي نوضح كيفية التحقق من صحة عنوان بريد إلكتروني باستخدام JavaScript والتعبير العادي. الخطوات التي نتبعها هي:

1. نحدد وظيفة تسمى التحقق من صحة البريد يأخذ البريد الإلكتروني كحجة للتحقق.
2. نقوم بإنشاء متغير regex يحتوي على التعبير العادي للتحقق من صحة البريد الإلكتروني.
3. نحن نستخدم الطريقة امتحان() من التعبير العادي للتحقق مما إذا كان البريد الإلكتروني الذي تم إدخاله يطابق النمط.
4. إذا كان البريد الإلكتروني صالحًا ، فإننا نعرض رسالة تنبيه تشير إلى أنه صالح ؛ وإلا فإننا نعرض رسالة تنبيه تشير إلى عدم صلاحيته.
5. في HTML ، نقوم بإنشاء حقل إدخال من النوع "email" وزرًا ، عند النقر عليه ، يستدعي الوظيفة التحقق من صحة البريد بالقيمة التي تم إدخالها في حقل الإدخال.

وظيفة التحقق من البريد الإلكتروني (البريد) { code>
// التعبير العادي للتحقق من صحة البريد الإلكتروني code>
var regex = / ^ [w-] + [.
// تحقق مما إذا كان البريد يطابق النمط المحدد بواسطة التعبير العادي code>
إذا كان (regex.test (بريد)) {
تنبيه ("بريد إلكتروني صالح") ؛
} else {
تنبيه ("بريد إلكتروني غير صالح") ؛
}
}





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



تحقق



مزايا وعيوب التحقق باستخدام JavaScript

التحقق من صحة بيانات الإدخال ، مثل عناوين البريد الإلكتروني ، واستخدام JavaScript من جانب العميل له مزايا وعيوب:

مزايا	سلبيات
ردود فعل فورية للمستخدم	غير آمن
حمولة أقل على الخادم	التوافق عبر المتصفح
تحسين تجربة المستخدم	ازدواجية الجهود (جانب العميل / الخادم)
تقليل وقت الاستجابة	لا يحل محل التحقق من جانب الخادم

التحقق من صحة البيانات باستخدام JavaScript ليس بديلاً عن التحقق من جانب الخادم. ومع ذلك ، فهو يساعد على تقليل الحمل. للتحقق من صحة البيانات على جانب الخادم ، أوصيك بقراءة:

• التحقق من صحة البريد باستخدام PHP