السلاسل النصية Strings (الجزء السادس )

الدرس: السلاسل النصية Strings (الجزء السادس )

المدة: 5 دقائق

وصف مختصر:

   كيفية استخدام الكود للتحقق من البريد الإلكتروني وتخصيص اسم المستخدم في JavaScript في هذا الشرح، سنتعلم كيفية استخدام كود JavaScript للتحقق...

وصف الدرس

 

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


في هذا الشرح، سنتعلم كيفية استخدام كود JavaScript للتحقق من صحة عنوان البريد الإلكتروني المُدخل وتخصيص اسم المستخدم بشكل فعال وسلس.

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


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

```javascript
var email = 'alialanzan.online@gmail.com'; // يمكن استبداله بـ prompt('ما هو بريدك الإلكتروني؟'

// التحقق من طول البريد الإلكتروني ووجود العلامة @
if (email.length < 11 || email.split('@').length !== 2) {
error = 'الرجاء التحقق من عنوان بريدك الإلكتروني';
}
// التحقق من وجود حروف أو أرقام أو أحرف خاصة مسموح بها فقط
else if (email.search(/[^A-z0-9\.\@\-]/) > -1) {
error = 'الحرف (' + email.charAt(email.search(/[^A-z0-9\.\@\-]/)) + ') غير مسموح به';
}
// التحقق من طول كلمة المرور
else if (password.length < 8) {
error = 'يجب أن تكون كلمة المرور أطول من 8 أحرف';
}
// التحقق من تطابق كلمة المرور مع تأكيد كلمة المرور
else if (password !== password_confirmation) {
error = 'كلمة المرور غير متطابقة مع تأكيد كلمة المرور';
}

// إذا كان هناك خطأ، عرض الرسالة
if (error !== false) {
alert(error);
}
// إذا لم يكن هناك أي خطأ، قم بتخصيص اسم المستخدم
else {
var endCut = email.search('@');
username = email.substr(0, endCut);
console.log(email);
username = customizeUsername(username);
alert('اسم المستخدم المخصص الخاص بك هو ' + username);
}
```

 2. تخصيص اسم المستخدم


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

```javascript
function customizeUsername(string) {
var username = string.trim(); // إزالة الفراغات الزائدة من بداية ونهاية السلسلة
username = username.replace(/[^A-z0-9\-\.\ ]/g, '').replace(/\^/, '')
.trim().replace(/\ /g, '-').replace(/\--/g, '-'); // إزالة الأحرف غير المسموح بها واستبدال الفراغات بشرطات
username = username.toLowerCase(); // تحويل الحروف إلى صغيرة
return username;
}
```

الخلاصة 


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

 

الفيديوهات

سجل دخول وتأكد من اشتراكك في هذا البرنامج الدراسي للوصول إلى الأدوات والمواد التدريبية و الفيديوهات

فيديو الدرس التعليمي السلاسل النصية Strings (الجزء السادس )

المصادر

سجل دخول وتأكد من اشتراكك في هذا البرنامج الدراسي للوصول إلى الأدوات والمواد التدريبية و المصادر

الأوامر البرمجية المستخدمة

ملحقات ال PDF

الدروس والاختبارات لتعلم هذه الدورة التدريبية : تعلم البرمجة من الصفر وتطوير صفحات الويب الإحترافية مع لغة جافاسكربت JavaScript

has been added to the cart. View Cart