Form validation

[maximiliangustmann]

Value statement - a requirement, not a solution

As a user I need have a form validation so that I don't accidentally forget an input field or submit wrong values

Description (Text, Scribble, Wireframe, Design)

Add validation to the form component.

Acceptance criteria

• [x] Submit is only possible after filling all the inputs
• [x] Error message if an input is missing
• [x] Rating must be submitted in the correct form

  Tasks

• [x] Validation for text inputs
• [x] Error message for text inputs
• [x] Validation for rating input
• [x] Error message for rating input
• [x] Change key to id
• [x] Write tests w/ cypress

Size

medium

[karstenlenz]

QS result: I couldn't break the form. Obviously the styling is missing, but it works. I noticed 2 things:

• if you enter a space in the rating input and then a number it won't be accepted. Either automatically remove the space or stop the user from entering spaces in the rating input.
• It is enough to just enter one letter in each input. For some parts like summary or lessons, you might want to add a minimum length.

[carolinwagner]

additional QA: with simply typing a space the user can bypass the form validation in all forms but the rating form