Forms Validation

In this exercise you extend the form created and add a image and validation

Form Endpoints

To test the form you can use the provided echoserver and run it locally on your machine, just clone the repository at https://github.com/mzeiher/webengineering

Exercise

Use the solution of the the exercise Basic Forms as a template

• add a age field which lets you choose an age between 1 and 99
• add a upload control which lets you upload an image
• add a phone number field which is only valid with a phone number according to this pattern: +49 123 4567890 hint: the regex is the following: ^\+\d{2} \d{3} \d+$
• forename and surname must not be empty
• all appropriate fields should have meaningful placeholders
• the form request must be form-data encoded and be send to the url http://127.0.0.1:8081/form (if you run the echoserver on your local machine)

Solution