الدرس 2 من 8
نماذج تتحقّق
- 14 دقيقة
- 5 معايير للتصحيح
- 3 تلميحات
- إلى المطلوب
هدف الدرس
التحقّق قبل الإرسال
01
الشرح
المتصفح يعرف التحقّق أصلًا. required يمنع الفراغ، وtype="email" يفرض شكل البريد، وminlength يفرض طولًا — بلا سطر JavaScript واحد.
ما يبقى عليك شيئان: منع الإرسال الافتراضي بـ event.preventDefault() حتى لا تُعاد الصفحة، وإظهار نتيجة يفهمها المستخدم.
وform.checkValidity() يسألك المتصفح: هل كل الحقول سليمة؟ فتبني عليه ردّك.
02
المطلوب
اجعل البريد مطلوبًا ومن نوع بريد، وامنع إعادة تحميل الصفحة، واعرض رسالة في #msg.
معايير التصحيح
5 معايير- الحقل من نوع email
- الحقل مطلوب
- الإرسال ممنوع افتراضيًا (لا إعادة تحميل)
- بريد صحيح يعطي رسالة نجاح
- بريد خاطئ يعطي رسالة مختلفة