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

توضیحات

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

پروژه اولیه

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

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

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

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

نکات

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