اعتبارسنجی فرم
Tooltips
اگر طرحبندی فرم شما اجازه میدهد، میتوانید کلاسهای SP .{valid|invalid}-feedback را با کلاسهای .{valid|invalid}-tooltip برای نمایش بازخورد اعتبارسنجی در یک tooltip استایلبندیشده، جابجا کنید. حتماً یک والد با position: relative برای موقعیتیابی tooltip داشته باشید. در مثال زیر، کلاسهای ستون ما از قبل این را دارند، اما پروژه شما ممکن است به یک تنظیم جایگزین نیاز داشته باشد.
سبکهای سفارشی
برای پیامهای اعتبارسنجی فرم بوتاسترپ سفارشی، باید ویژگی boolean را به novalidate خود اضافه کنید. این کار، راهنمای ابزار بازخورد پیشفرض مرورگر را غیرفعال میکند، اما همچنان دسترسی به APIهای اعتبارسنجی فرم در جاوا اسکریپت را فراهم میکند. سعی کنید فرم را در زیر ارسال کنید. جاوا اسکریپت ما دکمه ارسال را قطع کرده و بازخورد را به شما ارسال میکند.
هنگام تلاش برای ارسال، خواهید دید که استایلهای :invalid و :valid به کنترلهای فرم شما اعمال میشوند.
پیشفرضهای مرورگر
آیا به پیامهای بازخورد اعتبارسنجی سفارشی یا نوشتن جاوا اسکریپت برای تغییر رفتارهای فرم علاقهای ندارید؟ مشکلی نیست، میتوانید از پیشفرضهای مرورگر استفاده کنید. فرم زیر را ارسال کنید. بسته به مرورگر و سیستم عامل خود، سبک بازخورد کمی متفاوتی را مشاهده خواهید کرد. اگرچه این سبکهای بازخورد را نمیتوان با CSS استایلبندی کرد، اما همچنان میتوانید متن بازخورد را از طریق جاوا اسکریپت سفارشی کنید.
عناصر پشتیبانی شده
آیا به پیامهای بازخورد اعتبارسنجی سفارشی یا نوشتن جاوا اسکریپت برای تغییر رفتارهای فرم علاقهای ندارید؟ مشکلی نیست، میتوانید از پیشفرضهای مرورگر استفاده کنید. فرم زیر را ارسال کنید. بسته به مرورگر و سیستم عامل خود، سبک بازخورد کمی متفاوتی را مشاهده خواهید کرد. اگرچه این سبکهای بازخورد را نمیتوان با CSS استایلبندی کرد، اما همچنان میتوانید متن بازخورد را از طریق جاوا اسکریپت سفارشی کنید.