يعنى انت مش مُنتسب فى القناة ولا مُشترك فى كورس يوديمى وكمان مشغل الأدبلوك فى الموقع !! 😢
JavaScript RegExp
RegExp هى اختصار ل regular expression
وتُستخدم كثيرا للتأكد من ان الزائر يكتب الايميل و الباسورد بطريقة صحيحة
الــ RegExp يكون بداخل /..../ ويُفضل ان يتم تخزينها بداخل variable
مثال على ذلك :
const reg=/[a-z] /
دائماً يتم إستخدام method تُمسى .test(...)
مع الـ RegExp
هذه الـ method تكون قيمتها اما true أو false
لذلك دايما ما تُستخدم قاعدة if مع الــ RegExp
مثال على ذلك :
input.addEventListener("keyup", (eo)=> {
const userName=input.value
const reg=/[a-z] /
if(reg.test (userName )) {
input.classList.add("success" )
} else {
input.classList.remove("success" )
input.classList.add("error" )
}
RegExp | : التأكد من أن |
---|---|
[a-z] | يوجد احرف صغيرة |
[a-zA-Z] | يوجد احرف صغيرة او احرف كبيرة |
[a-zA-Z0-9] | يوجد احرف صغيرة او احرف كبيرة أو أرقام |
[a-z]{4,7} | يوجد أحرف صغيرة عددها من 4 الى 7 احرف |
.{4,} | يوجد اى نوع من الحروف او الارقام او الرموز ولايقل العدد عن 4 |
^ | لازم يكون فى البداية ....... |
$ | لازم يكون فى النهاية ....... |
انت يجب ان تعلم :
- ما هى استخدامات الــ regular expression
- طريقة كتابة الــ regular expression
- كيف تبحث فى جوجل عن أكواد الــ regular expression
لانك لن تستخدم الــ RegExp كثيراً وبالتالى سوف تنساها بسرعة
وأيضاً لأنها صعبة فى الكتابة
هنا تجد كورس كامل لشرح ال regular expression اذا إحتاجتها فى المشاريع الخاصة بك
مثال على ذلك :
للتأكد من الزائر يكتب الايميل و الباسورد بطريقة صحيحة
const regEmail=
/ ^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$ /;
const regPassword=
/ ^(?=.*[a-z])(?=.*[A-Z])(?=.*[0-9])(?=.*[!@#\$%\^&\*])(?=.{8,}) /;