شرح صفوف ومحتوى الفقرة
تمتلك متصفحات الويب الحديثة محرك تحقق أصيل يُعرف بواجهة قيود التحقق في HTML5 عبر سمات مثل required وminlength وtype="email" وpattern، غير أن الفقاعات التنبيهية الافتراضية التي يطلقها المتصفح تعاني من عيبين أساسيين: تباين شكلها ولغتها بين المتصفحات، واستحالة تنسيقها عبر CSS.
يمنحك Bootstrap 5 أفضل ما في العالمين: أضف السمة المنطقية novalidate والكلاس الاصطلاحي .needs-validation إلى وسم <form> لإخفاء فقاعات المتصفح المزعجة، مع الإبقاء الكامل على فحص القيود البرمجي في الذاكرة ليقرأه بوتستراب ويعرض رسائلك المنسقة الأنيقة بدلاً منها.
HTML
<form class="needs-validation" novalidate>
<div class="mb-3">
<label for="em" class="form-label">Work Email</label>
<input type="email" class="form-control" id="em"
required>
<div class="invalid-feedback">Enter valid email.</div>
</div>
<button class="btn btn-primary" type="submit">Go</button>
</form>