هذا الدرس من الدورة التدريبية: تعلم البرمجة من الصفر وتطوير صفحات الويب الإحترافية مع لغة جافاسكربت JavaScript
الدرس: السلاسل النصية Strings (الجزء الخامس )
المدة: 5 دقائق
وصف مختصر:
استخدام دوال السلسلة النصية في JavaScript في هذا الدرس، سنقوم بشرح كيفية استخدام بعض دوال السلسلة النصية في JavaScript للتعامل مع البريد...
وصف الدرس
استخدام دوال السلسلة النصية في JavaScript
في هذا الدرس، سنقوم بشرح كيفية استخدام بعض دوال السلسلة النصية في JavaScript للتعامل مع البريد الإلكتروني وتخصيص اسم المستخدم.
1. تخصيص اسم المستخدم (customizeUsername)
تبدأ الدالة customizeUsername بتخفيف السلسلة من الفراغات باستخدام `trim()`، ثم تقوم بإزالة الأحرف غير المسموح بها مثل الرموز الخاصة والأحرف غير الأبجدية الإنجليزية باستخدام `replace()` مع استخدام التعبيرات النمطية (regex).
```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. التحقق من البريد الإلكتروني (Validate Email)
يتم التحقق من صحة البريد الإلكتروني بواسطة التأكد من طوله والتحقق من وجود الرموز غير المسموح بها، كما يتم التحقق من تواجد الرمز '@' بواسطة `split('@')`.
```javascript
var email = 'alialanzan.online@gmail.com'; // Replace with prompt('What is your Email?'),
username = '',
error = false,
password = '123123Abfd',
password_confirmation = '123123Abfd';
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);
}
```
3. تحسين اسم المستخدم بدوال السلسلة النصية
يمكننا أيضًا استخدام دوال السلسلة النصية لتحسين اسم المستخدم عن طريق إزالة الفراغات وتحويل الأحرف إلى حالتها الصغيرة.
```javascript
var fullName = ' !@ Hello I\'m Ali@% @!*@# Alanzan #@#!#@ '; // Replace with prompt('What is your name?'),
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);
}
```
هكذا يمكن تحسين وتخصيص بيانات المستخدم بطريقة تفصيلية وفعالة في JavaScript.
---
هل تحتاج إلى مزيد من التوضيح أو لديك أي استفسارات؟
الفيديوهات
سجل دخول وتأكد من اشتراكك في هذا البرنامج الدراسي للوصول إلى الأدوات والمواد التدريبية و الفيديوهات
فيديو الدرس التعليمي السلاسل النصية Strings (الجزء الخامس )
المصادر
سجل دخول وتأكد من اشتراكك في هذا البرنامج الدراسي للوصول إلى الأدوات والمواد التدريبية و المصادر
الأوامر البرمجية المستخدمة
ملحقات ال PDF
الدروس والاختبارات لتعلم هذه الدورة التدريبية : تعلم البرمجة من الصفر وتطوير صفحات الويب الإحترافية مع لغة جافاسكربت JavaScript