Skip to content

Glasgow | 25-ITP-May | Wing Ting Huang | Sprint 1 | Form-Controls#1448

Open
huangwtings-hub wants to merge 2 commits into
CodeYourFuture:mainfrom
huangwtings-hub:feature/Form-Controls
Open

Glasgow | 25-ITP-May | Wing Ting Huang | Sprint 1 | Form-Controls#1448
huangwtings-hub wants to merge 2 commits into
CodeYourFuture:mainfrom
huangwtings-hub:feature/Form-Controls

Conversation

@huangwtings-hub

@huangwtings-hub huangwtings-hub commented Jun 12, 2026

Copy link
Copy Markdown

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

Change list

Re-do Form-Controls to make it clear

@netlify

netlify Bot commented Jun 12, 2026

Copy link
Copy Markdown

Deploy Preview for cyf-onboarding-module ready!

Name Link
🔨 Latest commit 8b784c2
🔍 Latest deploy log https://app.netlify.com/projects/cyf-onboarding-module/deploys/6a2c5f4c3e72340008760f6b
😎 Deploy Preview https://deploy-preview-1448--cyf-onboarding-module.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.
Lighthouse
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
🤖 Make changes Run an agent on this branch

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

@huangwtings-hub huangwtings-hub added the Needs Review Trainee to add when requesting review. PRs without this label will not be reviewed. label Jun 12, 2026

@cjyuan cjyuan left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Just one request:
Currently, when a user input does not match the pattern, the browser shows only "Please match the requested format". Could you find a way to inform the user what the expected format is?

Image

@cjyuan cjyuan added Reviewed Volunteer to add when completing a review with trainee action still to take. and removed Needs Review Trainee to add when requesting review. PRs without this label will not be reviewed. labels Jun 12, 2026
- Add title to Customer Name field explaining the 2-character requirement
- Add title to Email field for clarity
- Add title attributes to Colour and Size select fields
- Improves UX by showing users what format is expected when validation fails

Fixes feedback from cjyuan
@huangwtings-hub huangwtings-hub added the Needs Review Trainee to add when requesting review. PRs without this label will not be reviewed. label Jun 12, 2026
@cjyuan

cjyuan commented Jun 12, 2026

Copy link
Copy Markdown
Contributor

Changes look good.

When you have some time, try sharing your code with an AI tool and asking how the semantics of the form could be improved. It's a great way to discover best practices and learn new techniques that you might not have considered.

@cjyuan cjyuan added Complete Volunteer to add when work is complete and all review comments have been addressed. and removed Needs Review Trainee to add when requesting review. PRs without this label will not be reviewed. Reviewed Volunteer to add when completing a review with trainee action still to take. labels Jun 12, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Complete Volunteer to add when work is complete and all review comments have been addressed.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants