الدرس 1 من 8

تحقّق مخصّص

هدف الدرس

إضافة قاعدة تحقّق لا يعرفها المتصفح

01

الشرح

يستطيع المتصفح أن يتحقّق من البريد والأرقام وطول النصّ، لكنه لا يعرف القواعد الخاصّة بعملك، مثل «الرمز يبدأ بـ SA» أو «الكمية من مضاعفات الخمسة».

عندما تستدعي input.setCustomValidity('نصّ') يصبح الحقل غير صالح وتُربط به رسالتك، وعندما تستدعي setCustomValidity('') يعود الحقل صالحًا. وبهذا تصبح قاعدتك جزءًا من تحقّق المتصفح نفسه، بدل أن تكتب تحقّقًا منفصلًا بجانبه.

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

02

المطلوب

اجعل الحقل #code صالحًا فقط إذا بدأ بـ SA وجاءت بعده ثلاثة أرقام.

الفحوص

5 فحوص
  1. رمز صحيح يجعل الحقل صالحًا
  2. الرمز الذي لا يبدأ بـ SA مرفوض
  3. الرمز بعدد أرقام خاطئ مرفوض
  4. رسالة الرفض ليست فارغة
  5. تصحيح الرمز بعد الخطأ يجعل الحقل صالحًا من جديد
03

تلميحات

0/3
دروس المسارأتممت 0 من 8

تتعلّم في هذا المسار أن تضع قواعد تحقّق خاصّة بك، وأن تربط حقلًا بآخر، وأن تكتب رسائل خطأ يسمعها قارئ الشاشة.

مستواه متوسّط، وفيه 8 دروس مجموع مدّتها ساعة ونصف.

index.html
المعاينة
index.html100%
–/5

اضغط «تشغيل وتصحيح» ليبدأ الفحص.

تجد 5 فحوص في بطاقة «المطلوب».

دروس المسارأتممت 0 من 8

تتعلّم في هذا المسار أن تضع قواعد تحقّق خاصّة بك، وأن تربط حقلًا بآخر، وأن تكتب رسائل خطأ يسمعها قارئ الشاشة.

مستواه متوسّط، وفيه 8 دروس مجموع مدّتها ساعة ونصف.