JSالنماذج المتقدّمةالدرس 2 من 8مستوى متوسّط

الدرس 2 من 8

حقلان مترابطان

هدف الدرس

حقل تعتمد صلاحيته على حقل آخر

01

الشرح

حقل «أعد كتابة كلمة المرور» لا يقف وحده، لأن صلاحيته تعتمد على حقل آخر، ولهذا لا تكفي فيه الخاصية required.

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

02

المطلوب

اجعل #confirm غير صالح ما دام لا يطابق #pass، وأعد التحقّق كلما تغيّر أيّ منهما.

الفحوص

4 فحوص
  1. تطابق الحقلين يجعل حقل التأكيد صالحًا
  2. اختلافهما يجعله غير صالح
  3. تعديل الحقل الأول يعيد التحقّق أيضًا
  4. تظهر رسالة عند عدم التطابق
03

تلميحات

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

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

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

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

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

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

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

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

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