@devusexu
Posted
Hello xyzeez! Although I don't know how to fix the animation issue, you might wanna know about
- Use
<form novalidate>to disable default error message - Use Constraint Validation API to customize your own error message
For example, I tried inputs like something, something@ or (empty) it would all use the default error message, Please provide a valid email only appear for something@something because this pattern is valid for the type="email". Here's the link on MDN about this: Client-side form validation
Another issue is that when I put my pointer on the edge of the button, the button would start to blink, which might cause an epileptic seizure.
Good semantics and accessibility btw! I would use sr-only and aria-label like you in the future works.
Marked as helpful
@xyzeez
Posted
@devusexu thank you so much for taking your time to view my submission. I'd surely work towards your suggested correction.
