قالب vuejs تسجيل دخول / إنشاء حساب مع التحقق من المدخلات

ضمن سلسلة قوالب vuejs , أقدم لكم قالب تسجيل دخول / إنشاء حساب مع كود التحقق من المدخلات إدا كانت صحيحة أم لا , يدعم المواقع الإجتماعية و متجاوب مع جميع أنواع الأجهزة , قالب بتصميم مائل عن طريق css بتقنية transform و هو قالب به كود قوي من أجل التحقق من المدخلات في وسم <input> بطريقة قوية و خفيفة في نفس الوقت.

مميزات قالب vuejs تسجيل دخول / إنشاء حساب مع التحقق من المدخلات

أحد مميزات القالب أنه قالب دهبي مع ألوان أخرى معه و هي الأبيض و الرمادي الفاتح و الأسود , يتكون من 3 صفحات الأولى صفحة تسجيل دخول و التانية إنشاء حساب و التالتة إعادة تعيين كلمة المرور أو إعادة تعيين كلمة المرور , بطبيعة الحالة هو بنظام الصفحة الواحدة (SPA) مما يجعل سلاسة بالتنقل , به أكواد التحقق من المدخلات داخل وسوم <input> و يعطيك رسالة الخطأ فوق الوسم مع تلوين الوسم بالأحمر و يستطيع التحقق من إدا كانت الحقول فارغة أو المدخلات إسم و بريد إلكتروني و من كلمة المرور إدا كانت قصيرة و يجب إعادة كتابتها عند إنشاء جساب جديد , كما أنه قالب متجاوب مع جميع أنواع الأجهزة معتمد فقط على أكواد css , به خاصية المواقع الإجتماعية فايسبوك و جمايل و تويتر أو منصة X و بطبيعة الحال يمكنك إضافة أي موقع أخر من خلال تعديلات بسيطة على الأزرار و الألوان , قالب به 8 أيقونات و قد تم إستخدام لهدا الأمر موقع الأيقونات fontawesome النسخة المجانية.

المعلومات التقنية عن قالب vuejs تسجيل دخول / إنشاء حساب مع التحقق من المدخلات

في صفحة تسجيل دخول يتم التحقق من الإميل يجب أن يكون متكوب بطريقة صحيحة و كدلك كلمة المرور يجب ألا تكون أقل من 8 حروف , أما في صفحة إنشاء حساب جديد يتم التحقق من الإسم يجب أن يكون فقط حروف و إدا كان أقل من 6 حروف يعتبر قصير و أكتر من 20 حرف يعتبر طويل و يتم التحقق من الإميل و أيضا من كلمة المرور إدا كانت أقل من 8 حروف تعتبر قصير و كدلك يجب كتابتها مرتين , و في صفحة إعادة تعيين كلمة المرور أو نسيت كلمة المرور يتم التحقق من الإميل فقط , تم إستخدام موقع fontawesome لجلب الأيقونات , و كدلك تم إستخدام أداة vite مع vuejs لتسريع عملية التطوير أو البرمجة و أداة npm لإنشاء المشروع و جلب المكتبات.

1. نسخة Nodejs : النسخة 18.18.2
2. نسخة npm : النسخة 10.4.0
3. نسخة vuejs : النسخة 3.4.31
4. نسخة vue-router : النسخة 4.0.13
5. نسخة vite : النسخة 5.3.4
6. نسخة fontawesome : النسخة 6

معاينة قالب vuejs تسجيل دخول / إنشاء حساب مع التحقق من المدخلات

يمكنك معاينة قالب vuejs تسجيل دخول / إنشاء حساب مع التحقق من المدخلات من خلال إتباع الرابط التالي :

https://vuejs.elar9am.com/template-1-validation

تحميل قالب vuejs تسجيل دخول / إنشاء حساب مع التحقق من المدخلات

من أجل تحميل قالب vuejs تسجيل دخول / إنشاء حساب مع التحقق من المدخلات كل ما عليك هو الضغط على زر التحميل التالي :

  إضغط هنا لتحميل الملف