ظاهر کلی برنامه به صورت زیر است:

تصویر خروجی

توضیحات

تیم کوئرا در حال طراحی یک تسک منیجر برای مدیریت کردن وظایف افراد است و یکی از بخش‌های این پروژه صفحه ثبت‌نام این تسک منیجر می‌باشد که بخش اصلی طراحی آن انجام شده است و فقط قسمت اعتبار سنجی آن کامل نشده است که به کمک شما نیاز دارد تا به اتمام برسد.

پروژه اولیه

پروژه اولیه را از این لینک دانلود کنید.

ساختار فایل‌ها

quera-form
├── index.html
├── script.js
└── styles.css
Plain text

راه اندازی پروژه

  • ابتدا پروژۀ اولیه را دانلود و از حالت فشرده خارج کنید.
  • سپس فایل index.html را در مرورگر خود باز کنید.

خواسته های مسئله

  • زمانی که روی دکمه ثبت نام کلیک می‌کنیم باید اعتبار سنجی انجام شود.
  • نام کامل فقط می‌تواند متشکل از حروف الفبای انگلیسی و اسپیس باشد و در غیر اینصورت باید در تگ p با کلاس nameError پیغام نام کامل را به درستی وارد کنید. نمایش داده شود.
  • اعتبارسنجی ایمیل باید به اینصورت باشد که ابتدا چند کاراکتر بدون فاصله وجود داشته باشد سپس کاراکتر @ را داشته باشیم و سپس دوباره چند کاراکتر بدون فاصله داشته باشیم که بعد از آن نقطه قرار بگیرد و در انتها دوباره چند کاراکتر بدون فاصله وجود داشته باشد. در غیر اینصورت باید در تگ p با کلاس emailError پیغام ایمیل را به درستی وارد کنید. نمایش داده شود.
  • پسورد باید شامل حداقل ۸ کاراکتر باشد که شامل حداقل یک عدد، یک حرف بزرگ و یک حرف کوچک باشد و در غیر اینصورت در تگ p با کلاس passwordError باید پیغام رمز عبور باید شامل حداقل 8 کاراکتر باشد و شامل حداقل یک عدد، یک حرف بزرگ و یک حرف کوچک باشد. نمایش داده شود.

نکات

  • برای اینکه پیغام ها به درستی نمایش داده شوند عینا آن‌ها را از بخش خواسته های مسئله کپی کنید.
  • شما تنها مجاز به اعمال تغییرات در فایل script.js هستید.
  • از ایجاد تغییر در باقی فایل ها خودداری فرمایید.
  • به هنگام ثبت پاسخ تنها فایل script.js خود را آپلود نمایید.

ارسال پاسخ برای این سؤال
فایلی انتخاب نشده است.