پیش‌نمایش زنده (iframe sandbox) تمام‌صفحه
در حال بارگذاری پیش‌نمایش زنده...

کد این اسنیپت مخصوص اعضای ویژه (اشتراک فعال) است.

برای دسترسی، اشتراک ویژه تهیه کنید — دسترسی آنی به همه بخش‌های ویژه. آیتم: ورودی با حاشیه رنگی وضعیت

درباره این اسنیپت

ورودی هوشمندی که رنگ حاشیه‌اش بر اساس وضعیت اعتبارسنجی زنده تغییر می‌کند: خاکستری عادی، سبز در حالت معتبر و قرمز با پیام خطا در حالت نامعتبر. پیام خطا زیر فیلد ظاهر می‌شود و لیبل کوتاه بالای ورودی دارد. برای فرم‌هایی که قبل از submit می‌خواهند بازخورد فوری بدهند ساخته شده است. منطق نمونه روی فرمت ایمیل ساده است.

پرسش‌های متداول

بله؛ فقط منطق داخل رویداد input را عوض کنید (مثلاً طول رمز یا فرمت شماره موبایل). کلاس‌های is-valid و is-invalid همان‌ها کار می‌کنند.

المان p همیشه در DOM است و فقط hidden می‌شود؛ چون ارتفاع را به فرم اضافه می‌کند، اگر پرش نمی‌خواهید آن را با position یا min-height جایگزین کنید.

خط کلاس is-valid را حذف کنید تا فقط حالت خطا رنگ بگیرد؛ برخی تیم‌ها ترجیح می‌دهند موفقیت ساکت باشد.

امتیاز شما به این محتوا

میانگین امتیاز کاربران: ۴.۶ از ۵ رأی — برای امتیازدهی وارد شوید

دیدگاه‌ها (۰)

هنوز دیدگاهی ثبت نشده؛ اولین نفر باشید!

دیدگاه خود را بنویسید

کپچا

دیدگاه شما پس از تأیید مدیر نمایش داده می‌شود.

شاید بپسندی

فرمت ایمیل صحیح نیست.
پیش‌نمایش زنده اسنیپت

فیلد خطا با پیام قرمز

فیلد خطا اعتبارسنجی
۸۰
۴.۵ (۱۲)
رمز عبور حداقل ۸ کاراکتر باشد
پیش‌نمایش زنده اسنیپت

فرم لرزش خطا (نمایشی)

فرم خطا لرزش
۳۷
۴.۰ (۶)
پیش‌نمایش زنده اسنیپت

اینپوت خط زیر متحرک

فرم اینپوت خط
۱۰۰
۴.۲ (۱۶)