ضمن سلسلة قوالب vuejs , أقدم لكم قالب نظام تسجيل دخول / إنشاء حساب / إستعادة كلمة مرور , يدعم المواقع الإجتماعية و متجاوب مع جميع الأجهزة.
يوليو 28, 2024
نشر في : يوليو 29, 2024 | أخر تحديت : يوليو 29, 2024 |
ضمن سلسلة قوالب vuejs , أقدم لكم قالب تسجيل دخول / إنشاء حساب مع كود التحقق من المدخلات إدا كانت صحيحة أم لا , يدعم المواقع الإجتماعية و متجاوب مع جميع أنواع الأجهزة , قالب بتصميم مائل عن طريق css بتقنية transform و هو قالب به كود قوي من أجل التحقق من المدخلات في وسم <input> بطريقة قوية و خفيفة في نفس الوقت.
أحد مميزات القالب أنه قالب دهبي مع ألوان أخرى معه و هي الأبيض و الرمادي الفاتح و الأسود , يتكون من 3 صفحات الأولى صفحة تسجيل دخول و التانية إنشاء حساب و التالتة إعادة تعيين كلمة المرور أو إعادة تعيين كلمة المرور , بطبيعة الحالة هو بنظام الصفحة الواحدة (SPA) مما يجعل سلاسة بالتنقل , به أكواد التحقق من المدخلات داخل وسوم <input> و يعطيك رسالة الخطأ فوق الوسم مع تلوين الوسم بالأحمر و يستطيع التحقق من إدا كانت الحقول فارغة أو المدخلات إسم و بريد إلكتروني و من كلمة المرور إدا كانت قصيرة و يجب إعادة كتابتها عند إنشاء جساب جديد , كما أنه قالب متجاوب مع جميع أنواع الأجهزة معتمد فقط على أكواد css , به خاصية المواقع الإجتماعية فايسبوك و جمايل و تويتر أو منصة X و بطبيعة الحال يمكنك إضافة أي موقع أخر من خلال تعديلات بسيطة على الأزرار و الألوان , قالب به 8 أيقونات و قد تم إستخدام لهدا الأمر موقع الأيقونات fontawesome النسخة المجانية.
في صفحة تسجيل دخول يتم التحقق من الإميل يجب أن يكون متكوب بطريقة صحيحة و كدلك كلمة المرور يجب ألا تكون أقل من 8 حروف , أما في صفحة إنشاء حساب جديد يتم التحقق من الإسم يجب أن يكون فقط حروف و إدا كان أقل من 6 حروف يعتبر قصير و أكتر من 20 حرف يعتبر طويل و يتم التحقق من الإميل و أيضا من كلمة المرور إدا كانت أقل من 8 حروف تعتبر قصير و كدلك يجب كتابتها مرتين , و في صفحة إعادة تعيين كلمة المرور أو نسيت كلمة المرور يتم التحقق من الإميل فقط , تم إستخدام موقع fontawesome لجلب الأيقونات , و كدلك تم إستخدام أداة vite مع vuejs لتسريع عملية التطوير أو البرمجة و أداة npm لإنشاء المشروع و جلب المكتبات.
يمكنك معاينة قالب vuejs تسجيل دخول / إنشاء حساب مع التحقق من المدخلات من خلال إتباع الرابط التالي :
https://vuejs.elar9am.com/template-1-validation
من أجل تحميل قالب vuejs تسجيل دخول / إنشاء حساب مع التحقق من المدخلات كل ما عليك هو الضغط على زر التحميل التالي :
ضمن سلسلة قوالب vuejs , أقدم لكم قالب نظام تسجيل دخول / إنشاء حساب / إستعادة كلمة مرور , يدعم المواقع الإجتماعية و متجاوب مع جميع الأجهزة.
يوليو 28, 2024
أقدم لكم في هدا المقال تحميل سكربت أو نظام تسجيل دخول جاهز بلغة php و mysql و html و css , تمت برمجته من طرف موقع الأرقام و هو سكربت بسيط , فالغرض منه تعليمي
يناير 23, 2023
سنتعرف على كود php لحذف البيانات من الجدول بقاعدة بيانات mysql , سنأخد متالين , الأول لحذف كل البيانات بالجدول و التاني لحدف صف واحد أو مجموعة صفوف بشرط معين.
يناير 16, 2023
لعرض البيانات من داخل الجدول بقاعدة بيانات mysql على صفحة php أو html سنستخدم الدالة الشرطية while أو ما تعرف ب while Loop.
يناير 16, 2023
أقدم لكم كود php لمعرفة عدد الصفوف بالجدول داخل قاعدة بيانات mysql , الدالة التي تستعمل بلغة php لمعرفة عدد الصفوف بالجدول هي الدالة mysqli_num_rows.
يناير 14, 2023
كلمات مفتاحية رائجة هدا الشهر | |