الدرس 1 من 8
تحقّق مخصّص
- 13 دقيقة
- 5 فحوص
- 3 تلميحات
- إلى المطلوب
هدف الدرس
إضافة قاعدة تحقّق لا يعرفها المتصفح
الشرح
يستطيع المتصفح أن يتحقّق من البريد والأرقام وطول النصّ، لكنه لا يعرف القواعد الخاصّة بعملك، مثل «الرمز يبدأ بـ SA» أو «الكمية من مضاعفات الخمسة».
عندما تستدعي input.setCustomValidity('نصّ') يصبح الحقل غير صالح وتُربط به رسالتك، وعندما تستدعي setCustomValidity('') يعود الحقل صالحًا. وبهذا تصبح قاعدتك جزءًا من تحقّق المتصفح نفسه، بدل أن تكتب تحقّقًا منفصلًا بجانبه.
والأهمّ أن تمسح الرسالة أولًا في كل مرّة تتحقّق فيها، وإلا بقي الحقل غير صالح إلى الأبد بعد أول خطأ.
المطلوب
اجعل الحقل #code صالحًا فقط إذا بدأ بـ SA وجاءت بعده ثلاثة أرقام.
الفحوص
5 فحوص- رمز صحيح يجعل الحقل صالحًا
- الرمز الذي لا يبدأ بـ SA مرفوض
- الرمز بعدد أرقام خاطئ مرفوض
- رسالة الرفض ليست فارغة
- تصحيح الرمز بعد الخطأ يجعل الحقل صالحًا من جديد