Love that button! Very nice indeed
With the rest of the styling there are small details that don't quite match the design and could be tightened up, like
- font sizes
- line heights
- border radius
I'd also do different focus states on the inputs as they look a bit odd not matching the radius.
With the form submit/reload issue it is caused by issues with your javascript. Really the js should be looping over all inputs and running a validation function. The first step in that function should be to prevent default (prevent form submit). Then run the validation checks. If all pass, return true.
@fraserwat
Posted
@grace-snow Amazing, have fixed - thanks! I've set preventDefault() upon failing validation, but still seems to work.