Skip to content

fix: add custom terminal-themed form validation UI#52

Merged
jagdish-15 merged 7 commits into
codepvg:mainfrom
Bluerock-crypto:fix/form-validation-ui
May 31, 2026
Merged

fix: add custom terminal-themed form validation UI#52
jagdish-15 merged 7 commits into
codepvg:mainfrom
Bluerock-crypto:fix/form-validation-ui

Conversation

@Bluerock-crypto
Copy link
Copy Markdown
Contributor

What does this PR do?

Fixes #41

Changes made:

  • Added novalidate to the form to disable default browser validation popups
  • Added custom error message spans below each input field
  • Added CSS styling for terminal-themed error messages in main.css
  • Added JavaScript validation inside the existing submit handler to show custom errors before form processing

How to test:

  1. Go to the registration page
  2. Click "Register Now" without filling any fields
  3. Custom terminal-styled error messages appear below each field

Copy link
Copy Markdown
Collaborator

@jagdish-15 jagdish-15 left a comment

Choose a reason for hiding this comment

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

I've left code suggestions for the shake animation and for automatically clearing validation errors once a field becomes valid again.

Feel free to commit them directly!

Comment thread frontend/styles/main.css
Comment thread frontend/registration.html Outdated
Co-authored-by: Jagdish Prajapati <jagadishdrp@gmail.com>
@Bluerock-crypto
Copy link
Copy Markdown
Contributor Author

Hi @jagdish-15 I've committed both suggestions. Please review when you get a chance. Thank you for the feedback!

@jagdish-15
Copy link
Copy Markdown
Collaborator

/format

@github-actions
Copy link
Copy Markdown
Contributor

I have successfully run Prettier and pushed the formatting fixes to this PR.

Note for Contributors: Because this commit was pushed by a bot, GitHub will not automatically re-run the CI checks. To trigger them to pass, you must either:

  • Push an empty commit locally (git commit --allow-empty -m "Trigger builds" and push)
  • Close and immediately reopen this Pull Request.

@jagdish-15 jagdish-15 closed this May 31, 2026
@jagdish-15 jagdish-15 reopened this May 31, 2026
@jagdish-15 jagdish-15 added type:feature New feature or request level:beginner Indicates the difficulty gssoc:approved labels May 31, 2026
@jagdish-15 jagdish-15 merged commit a1890a8 into codepvg:main May 31, 2026
1 check passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

gssoc:approved level:beginner Indicates the difficulty type:feature New feature or request

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Improve Form Validation UI to Match Terminal Theme

2 participants