الدرس 2 من 8

نماذج تتحقّق

هدف الدرس

التحقّق قبل الإرسال

01

الشرح

المتصفح يعرف التحقّق أصلًا. required يمنع الفراغ، وtype="email" يفرض شكل البريد، وminlength يفرض طولًا — بلا سطر JavaScript واحد.

ما يبقى عليك شيئان: منع الإرسال الافتراضي بـ event.preventDefault() حتى لا تُعاد الصفحة، وإظهار نتيجة يفهمها المستخدم.

وform.checkValidity() يسألك المتصفح: هل كل الحقول سليمة؟ فتبني عليه ردّك.

02

المطلوب

اجعل البريد مطلوبًا ومن نوع بريد، وامنع إعادة تحميل الصفحة، واعرض رسالة في #msg.

معايير التصحيح

5 معايير
  1. الحقل من نوع email
  2. الحقل مطلوب
  3. الإرسال ممنوع افتراضيًا (لا إعادة تحميل)
  4. بريد صحيح يعطي رسالة نجاح
  5. بريد خاطئ يعطي رسالة مختلفة
03

تلميحات

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

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

5 معايير في بطاقة «المطلوب».