هذا الدرس من الدورة التدريبية: تعلم البرمجة من الصفر وتطوير صفحات الويب الإحترافية مع لغة جافاسكربت JavaScript
الدرس: السلاسل النصية Strings (الجزء الثامن )
المدة: 5 دقائق
وصف مختصر:
وصف الدرس
استخدام أساليب السلاسل والتحقق من البريد الإلكتروني في جافا سكريبت
في هذا الدرس، سنتعلم كيفية استخدام أساليب السلاسل في جافا سكريبت لتنظيف وتخصيص البيانات، بالإضافة إلى التحقق من صحة عنوان البريد الإلكتروني.
1. تخصيص اسم المستخدم
للبداية، لدينا دالة `customizeUsername` التي تقوم بتنظيف السلسلة لتكون صالحة كاسم مستخدم:
```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;
}
```
هكذا ، تقوم هذه الدالة بإزالة الأحرف غير المسموح بها وتحويل الفراغات إلى شرطات، وتقوم أيضًا بتحويل النص إلى حروف صغيرة.
2. التحقق من صحة البريد الإلكتروني
ثم نقوم بكود يتحقق من صحة البريد الإلكتروني ويقوم بإنشاء اسم مستخدم مخصص إذا كان البريد صالحًا:
```javascript
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);
username = customizeUsername(username);
alert('اسم المستخدم المخصص الخاص بك هو ' + username);
}
```
كما يقوم هذا الجزء بالتحقق من صحة البريد الإلكتروني باستخدام `length` و `split()` و `search()` للتأكد من تواجد علامة "@" والأحرف المسموح بها وغير المسموح بها.
3. تنظيف النصوص الإضافية
هكذا ، يمكن استخدام أساليب السلاسل لتنظيف النصوص الإضافية للحصول على أسماء مستخدمين صالحة:
```javascript
var fullName = ' !@ Hello I\'m Ali@% @!*@# Alanzan #@#!#@ ';
var username = '';
if ( fullName.length > 0 ) {
username = fullName.trim();
username = username.replace(/[^A-z0-9\-\.\ ]/g, '').replace(/\^/, '')
.trim().replace(/\ /g, '-').replace(/\--/g, '-');
username = username.toLowerCase();
alert('اسم المستخدم المخصص الخاص بك هو ' + username);
}
```
ربما يستخدج هذا الجزء نفس الدالة `customizeUsername` ذلك لتنظيف الأسماء الكاملة من الأحرف غير المسموح بها وتحويل الفراغات إلى شرطات.
الفيديوهات
سجل دخول وتأكد من اشتراكك في هذا البرنامج الدراسي للوصول إلى الأدوات والمواد التدريبية و الفيديوهات
فيديو الدرس التعليمي السلاسل النصية Strings (الجزء الثامن )
المصادر
سجل دخول وتأكد من اشتراكك في هذا البرنامج الدراسي للوصول إلى الأدوات والمواد التدريبية و المصادر
الأوامر البرمجية المستخدمة
ملحقات ال PDF
الدروس والاختبارات لتعلم هذه الدورة التدريبية : تعلم البرمجة من الصفر وتطوير صفحات الويب الإحترافية مع لغة جافاسكربت JavaScript