Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Improve form validation ont the Record Call page #133

Open
brenocastelo opened this issue Sep 22, 2021 · 0 comments
Open

Improve form validation ont the Record Call page #133

brenocastelo opened this issue Sep 22, 2021 · 0 comments
Milestone

Comments

@brenocastelo
Copy link

When trying to submit a Call, I noticed some points on the form validation that might be improved for a good UX.

  • Input character limits:
    I fought a little to describe my title, since the characters limit is 50. I needed to reduce/change the words a couple of times before summiting it. I felt that if I had a bit more space, my title could have been a little more descriptive.
    I think it would be nice to have a “character countdown” to show us if we are close to the limit and stop to allow us to type after achieving it.

  • The validation only happens after clicking on the submit button. It would be nice if it happened as soon as it found something invalid.

  • There are some differences between the validation messages. For the limit validation, it's displayed a red text. For the empty field validation, it's displayed the default HTML validation and another point is that the empty validation takes priority over the limit validation. In the second image, the title input has more than 50 characters, but only the feedback to the empty validation is displayed.

See images below

screenshot-kent dev-2021 09 22-14_53_01
screenshot-kent dev-2021 09 22-14_51_49

@kentcdodds kentcdodds added this to the Post-launch milestone Sep 22, 2021
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants