Sheffield | 26-ITP-Jan | Mahammad Osman | Sprint 2 | Form-Controls

[Darkidd77]

Learners, PR Template

Self checklist

• I have titled my PR with Region | Cohort | FirstName LastName | Sprint | Assignment Title
• My changes meet the requirements of the task
• I have tested my changes
• My changes follow the style guide

Changelist

• Added name validation: Added minlength="2" to ensure names are at least 2 characters long.
• Fixed size options: to meet the 6-size requirement (XS, S, M, L, XL, XXL).
• Made colour selection required.
• Added submit button.

[netlify]

✅ Deploy Preview for cyf-onboarding-module ready!

Name	Link
🔨 Latest commit	e8be45a
🔍 Latest deploy log	https://app.netlify.com/projects/cyf-onboarding-module/deploys/697f8c7531f076000834f9ff
😎 Deploy Preview	https://deploy-preview-1106--cyf-onboarding-module.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.
Lighthouse	2 paths audited Performance: 100 (no change from production) Accessibility: 100 (no change from production) Best Practices: 100 (no change from production) SEO: 86 (no change from production) PWA: - View the detailed breakdown and full score reports

---

To edit notification comments on pull requests, go to your Netlify project configuration.

[cjyuan]

Code looks good. I just have a small challenge for you.

[cjyuan]

Currently a user can enter a name consisting of only space characters (e.g., " "). Can you enforce a stricter validation rule using the pattern attribute to disallow any name that contains only space characters?