یک فرم ثبت‌نام ساده با فیلدهای نام، ایمیل و رمز عبور بسازید و با JavaScript اعتبارسنجی کنید به‌طوری‌که ایمیل فرمت معتبر داشته باشد و رمز حداقل ۸ کاراکتر باشد و در صورت نامعتبر بودن ورودی‌ها پیام خطا نمایش داده شود.

برای حل این مسئله یک فرم HTML بسازید و با JavaScript از طریق addEventListener روی رویداد submit آن شنونده قرار دهید، سپس با event.preventDefault() از ارسال پیش‌فرض جلوگیری کرده و مقادیر فیلدها را بررسی کنید. از یک عبارت منظم ساده برای اعتبارسنجی ایمیل و بررسی طول رشته برای رمز استفاده کنید و پیام‌های خطا را در عنصرهای مربوطه یا با اضافه/حذف کلاس‌های CSS نشان دهید. نکات: از onchange یا oninput برای اعتبارسنجی زنده استفاده کنید، برای تمرکز کاربر روی اولین خطای موجود از focus بهره ببرید و در صورت تمایل دکمه ارسال را تا زمانی که همه‌ی فیلدها معتبر نشده‌اند غیرفعال نگه دارید؛ فقط از HTML، CSS و vanilla JavaScript استفاده کنید.