قمت بتطوير صفحة "تواصل معنا" (Contact Us) لموقع ويب باستخدام JavaScript و Bootstrap، مع التركيز على تحسين تجربة المستخدم والتأكد من صحة البيانات المدخلة.
المميزات:
تصميم واجهة بسيطة وجذابة مع أيقونات التواصل (Facebook – YouTube – Instagram – LinkedIn – Twitter)
نموذج تواصل متكامل يحتوي على (الاسم – البريد الإلكتروني – الموضوع – الرسالة)
التحقق من صحة البيانات (Validation) بشكل لحظي أثناء الكتابة (Live Validation)
التحقق من إدخال حروف فقط في الاسم
التحقق من صحة البريد الإلكتروني
التأكد من اختيار الموضوع وإدخال الرسالة
إظهار رسائل خطأ وتأكيد بشكل واضح للمستخدم
تخزين الرسائل في LocalStorage لسهولة إدارتها لاحقًا
إعادة ضبط النموذج بعد الإرسال
تصميم متجاوب باستخدام Bootstrap