تمثيل تحقق الخادم بـ is-invalid | التحقق من صحة النماذج في بوتستراب 5

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي

هناك أخطاء يستحيل على المتصفح اكتشافها بمفرده مثل «اسم المستخدم محجوز مسبقاً في قاعدة البيانات» أو «انتهت صلاحية رمز الدعوة». عند عودة الرد من الخادم (سواء بإعادة تحميل الصفحة في Laravel أو عبر طلب AJAX)، نستخدم الكلاسين الصريحين .is-invalid و.is-valid مباشرة على الحقول المعنية دون الحاجة لسمة novalidate أو كلاس .was-validated.

الصف 2 كود برمجي

HTML

<div class="mb-3">
  <label for="srvName" class="form-label">Handle</label>
  <input type="text" class="form-control is-invalid"
         id="srvName" value="admin"
         aria-describedby="srvErr" aria-invalid="true">
  <div id="srvErr" class="invalid-feedback">
    This handle is already reserved.
  </div>
</div>

جرّب بنفسك

الصف 3 ملاحظة هامة

Server Validation Classes تمثيل تحقق الخادم بـ is-invalid

شرح صفوف ومحتوى الفقرة

جميع فقرات هذا الدرس (التحقق من صحة النماذج في بوتستراب 5)