Enhance user experience of form/validation

[gacsphere]

Value Proposition

As a user, I want to have the form which already exists to add further data/nestingboxes to my list of nestingboxes, prevent me from entering false data. The process of filling out the form with the right data should be easy understandable so that I don't get disturbed by an interruptive process or unclear usage of the form.

Description

The user should be provided from entering invalid data.

Acception Criteria

• [ ] Form won't be sent if the inputs don't match the validation criteria.

  Tasks

• [ ] Check on form structure
• [ ] Set validation for date (min and max)
• [ ] Set validation for latitude and longitude
• [ ] Minimal styling for alert message
• [ ] Limit maximum of entered characters for Nesting box no.
• [ ] Limit max. number of bats
• [ ] Refactor code

[CathrinTruchan]

Very nice user story, Gesa! One question: The save and reset button have the same color. Maybe it would be clearer for the user, if they would look different? (Or is that part of another user story?)

[gacsphere]

Thank you @CathrinTruchan, this is indeed a thing I want to change here and set the reset button style as secondary button. In this context there is another problem I didn't manage yet: I want a second reset button reset local information on top of the form which resets only the inputs of date, time and location to its default values. With this specific reset button I'm not sure yet if it would be a primary button or secondary button. But maybe I'll use the reset-everything button I already have and put it on top of the form.

[sebsch1337]

What is the form for? :) Maybe you can specify a bit more. Where will the data be stored?

[gacsphere]

Hi @sebsch1337 , thank you for reviewing! I forgot to mention, that it's about the existing form which serves to add further entries of nestingboxes. I rewrote the value proposition. Do you think it's clearer now?

[sebsch1337]

Looks good now! :)