hackforla / hackforla/VRMS

Form Validation - HFLA Website URL

Open
#1,370 2 comments 0 reactions 0 assignees View on GitHub
complexity: small feature: Form Validation p-feature: Project Details role: Front End size: 1pt
Dominant language
JavaScript
Stars
61
Forks
101
PR merge metrics
No merged PRs in 30d

Description

### 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). Specifically, the HfLA URL on the project details page requires validation, but should remain a field that is optional to fill out (**NOT** a required field).

### Action Items
The project’s form fields need data validation, as opposed to them being free text fields.
Updated form should look as follows:
- [ ] HFLA Website URL: add in validation - `https://www.hackforla.org/projects[ ]`
- [ ]`https://www.hackforla.org/projects[ ]` is the placeholder text in the field.
- [ ] Validation will display an error message if the URL does not reflect a URL with `https://www.hackforla.org/projects`.
- [ ] Red error message text displays below the field with the following text: "Invalid URL - Correct or Delete URL"
- [ ] Field is _NOT_ required to be completed, but if a URL is entered, it must be validated.
- [ ] Developers to find the best way to validate.

### Resources/Instructions
Screenshot of HFLA Website URL on VRMS Project Page

Image


Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.