-
Notifications
You must be signed in to change notification settings - Fork 28
Open
Labels
enhancementNew feature or requestNew feature or request
Description
Describe the feature
Add custom JavaScript validation for the signup form (Create an Account page). Currently, the form shows the browser’s default validation tooltip (e.g., “Please fill out this field”), which looks inconsistent with the app design and provides a poor user experience.
Use case
Users signing up should see clear, styled inline error messages (e.g., “Email is required”, “Password must be at least 6 characters”) instead of browser defaults. This ensures consistency with the app’s dark theme, improves accessibility, and makes the form more user-friendly.
Proposed implementation
- Disable default validation with
novalidateon the<form>. - Add custom JS validation for:
- Full Name: required, min length.
- Email: valid email format.
- Password: required, min length.
- Show inline error messages below each field with red text + border highlight.
- Add accessibility attributes (
aria-invalid,aria-describedby) for screen readers.
@devayanm I am an OSCI contributor , and want to work on this issue , please assign it to me.
Metadata
Metadata
Assignees
Labels
enhancementNew feature or requestNew feature or request