TP 3 : Le Langage JavaScript – Développement d’Applications Web

هذا المستند يمثل TP3 (التطبيق العملي الثالث) من مادة تطوير تطبيقات الويب، ويركز على استخدام لغة JavaScript لتنفيذ عمليات التحقق من صحة البيانات المدخلة من قبل المستخدم في نماذج الويب. يهدف التمرين إلى تدريب الطالب على كتابة ثلاث دوال JavaScript: Validation_login() لتحقق من ملء حقول البريد الإلكتروني وكلمة المرور في صفحة login.html، Validation_infos() لتحقق من صحة البيانات الشخصية في صفحة inscription.html (الاسم، اللقب، البريد، العنوان، العمر، رقم الهاتف، كلمة المرور وتأكيدها)، وValidation_commande() لتأكيد اختيار اللون والكمية في صفحة commande_produit.html. يتم ربط هذه الدوال بأحداث onsubmit أو onclick حسب الحاجة. بعد تنفيذ الدوال في رؤوس الصفحات HTML، يُطلب من الطالب تجميعها في ملف خارجي يسمى validation.js لتعزيز مفهوم فصل البنية (HTML) عن السلوك (JavaScript) وإعادة الاستخدام. يوضح المستند معايير التحقق مثل عدم ترك الحقول فارغة، التحقق من طول كلمة المرور (على الأقل 8 أحرف)، مطابقة كلمة المرور وتأكيدها، التحقق من أن العمر يتراوح بين 17 و100 سنة، والتحقق من أن رقم الهاتف يتكون من 9 أو 10 أرقام حسب نوعه (fixed أو mobile). كما يوضح كيفية عرض رسائل خطأ محددة ورسائل تأكيد لاختياراتwilaya والجنس واللون والكمية. من خلال هذا التمرين، يكتسب الطالب مهارات عملية في التعامل مع نموذج كائن المستند (DOM)، ومعالجة الأحداث، وكتابة شيفرة JavaScript نظيفة ومنظمة، مما يعزز فهمه لتطوير تطبيقات الويب التفاعلية ويعدّه لمشاريع أكثر تعقيدًا في الويب.