Display constraint and required validation errors

[alyblenkin]

User story

As a user filling out a web form,
I want to know when I've missed a question or entered data incorrectly
so that I can submit my survey without errors

Given ready to submit my long survey (and I have errors)
when click the send button
then I will be taken up to the top of the form and presented with the number of errors with a button to fix the first one

Given I have entered invalid information in a question
when I proceed to the next question
then I'll see the feedback indicating what went wrong

Given I have entered invalid information
when I proceed to send my form
then I'll see the field error feedback indicating what went wrong with the section highlighted
and when I address the errors, the error count should change accordingly

Figma