شرح صفوف ومحتوى الفقرة
لو وضعنا كلاس .was-validated على النموذج منذ لحظة فتح الصفحة، لظهرت جميع الحقول الفارغة المطلوبة باللون الأحمر المزعج قبل أن يلمس المستخدم لوحة المفاتيح! لذلك تقتضي الممارسة القياسية في Bootstrap 5 الاستماع لحدث submit على جميع نماذج .needs-validation، وفحص صحة القيود عبر الدالة الأصيلة form.checkValidity().
فإذا أعادت الدالة false نوقف الإرسال فوراً عبر event.preventDefault() وevent.stopPropagation()، ثم نضيف الكلاس .was-validated ليبدأ المتصفح بتحديث الألوان والرسائل حياً مع كل حرف يصححه المستخدم.
