Form Validation - Google Drive URL

[heyitsalexander]

Overview

Currently, the projects details form doesn't have any validation. It increases onboarding time because user needs to go back and frequently correct typos (Form validation). The Google Drive URL must be a required AND validated field.

Action Items

The project’s form fields need data validation, as opposed to them being free text fields. The Google Drive URL field should:

• [x] Change the Google Drive URL field to be a required field (this field is required to be filled out in order to save edits on an existing project / create a new project).
  • [x] Add error message to Google Drive URL when this field is left unfilled by a user: "Google Drive URL is required" in red text.
• [x] Add in validation to the Google Drive URL field -- https://drive.google.com/[ ] - (This will be a placeholder that will allow the user to copy and paste the final URL)
  • [x] Add a validation Error message: "Invalid URL" in red text. This error message should be displayed when a user enters a URL other than a Google Drive URL.

Resources/Instructions

Usability Zoom Recording Timestamp 3:35 https://drive.google.com/drive/u/0/folders/1oSUAaU-fzKHpXeZpou5PH3SwC5eRnEWq

[JackHaeg]

@evanyang1 Please see updated requirements added to this issue and on the linked PR #1526

[jbubar]

• @evanyang1 started working on this.. If the next dev would like to take a look and maybe use some of what he did: https://github.com/hackforla/VRMS/pull/1526