Add Client-Side Validations for Form Fields - Githubissues

lskellerm / QRafty

Official repository for QRafty, an innovative, customizable QR code generator and management system designed to streamline the way you create, manage, and track QR codes. QRafty is crafted for efficiency and ease, catering to both individuals and businesses who demand agility and creative freedom in their marketing and informational endeavors

0 stars 0 forks source link

Add Client-Side Validations for Form Fields #30

Open lskellerm opened 1 month ago

lskellerm commented 1 month ago

Client-Side Validation

Client-side validations are implemented for Name (non-empty + length constraints/requirements), username(non-empty + length constraints/requirements), Email (nonempty and valid format), and password (non empty, complexity requirements).
The form prevents the user from re-submitting the form while an active submission is in progress, disabling and showing a loading spinner.
The form is not submitted if there are validation errors.

UI Feedback for Errors

Error messages are displayed inline next to the relevant input fields.
Provide visual cues (like red borders or text) to indicate validation errors
Validations are triggered on form submissions.

Part of #3

lskellerm commented 2 weeks ago

Closed in commit ed217e8