ایجاد شده در ۰۸ دی ۱۴۰۴
📘 Bootstrap 5 – Forms (Validation)
1️⃣ کلاسها و کاربردها
| کلاس | کاربرد |
|---|---|
| needs-validation | روی فرم برای فعال کردن استایلهای Bootstrap در validation |
| was-validated | بعد از submit، وضعیت اعتبارسنجی نمایش داده میشود |
| is-valid | نمایش input معتبر (border سبز) |
| is-invalid | نمایش input نامعتبر (border قرمز) |
| valid-feedback | متن تایید برای input معتبر |
| invalid-feedback | متن خطا برای input نامعتبر |
2️⃣ نکات مهم
- required → برای الزامی کردن input
- type="email", type="number" → به HTML5 validation کمک میکند
- novalidate → غیرفعال کردن validation خودکار مرورگر
- بازخورد validation باید همراه input باشد
- برای فرم با floating labels → validation همچنان کار میکند، فقط spacing باید رعایت شود