Form Validation and Error Messages

[robchendev]

Forms for submissions have controllers from React Hook Form. Rules can be specified in there to invalidate incorrect input and error messages can be shown with formState.errors.

Examples of validation needed

• Student ID numerical values only and be 8-digits long.
• Display name cannot be more than X characters long.
• Profile picture URL should actually be an image (example code)
• Usernames and Student ID must be unique
  • Unlike the other validation rules, this is to be done upon submission so we don't get too many queries being sent as a user chooses their username or uses their student ID