كيفية إنشاء ميزة تسجيل الدخول باستخدام Bootstrap Modal و jQuery AJAX

Bootstrap نموذج تسجيل الدخول الميزة

يعد Bootstrap Modal طريقة ممتازة لإنشاء نموذج تسجيل الدخول على موقع الويب الخاص بك. في هذا البرنامج التعليمي ، سوف تتعلم كيفية إنشاء ميزة تسجيل الدخول باستخدام Bootstrap لموقع ويب ASP.NET. سيتم إنشاء ميزة التحقق من تسجيل الدخول باستخدام jQuery AJAX.

سوف أقوم بإنشاء الميزات التالية خطوة بخطوة:

1. مشروط Bootstrap الذي سيحتوي على نموذج تسجيل دخول.

2. سيحتوي نموذج تسجيل الدخول على حقلين ، "اسم المستخدم" و "كلمة المرور". يجب على المستخدم إدخال قيمه في هذه الحقول.

3. عند النقر فوق زر إرسال في النموذج ، سيتم إرسال إدخال المستخدم (اسم المستخدم وكلمة المرور) إلى وظيفة C #.

4. ستتحقق وظيفة C # من صحة اسم المستخدم وكلمة المرور أم لا.

5. إذا كانت صحيحة ، فسيتم إعادة توجيه المستخدم إلى صفحة الملف الشخصي.

يمكنك التحقق من العمل التجريبي هنا.

إنشاء Bootstrap Modal باستخدام نموذج تسجيل الدخول

أضف مرجع ملفات "bootstrap CSS و jQuery و bootstrap js" على رأس الصفحة.

التالي إنشاء Bootstrap Modal يحتوي على نموذج تسجيل الدخول:

جرب أيًا من العناصر الثلاثة التالية:

  1. اسم المستخدم: رام

  كلمة المرور

  2. اسم المستخدم: شيف

  كلمة المرور

  3. اسم المستخدم: كريشنا

  كلمة المرور