Profile form input validation and comma separation issues #32
Description
This issue report covers two bugs found in the "Personal Information" edit form:
- Comma Input is Blocked in Tag Fields
Steps to Reproduce:
Navigate to the user's "Personal Information" page.
Click into the Skills, Interests, or Languages input fields.
Attempt to type a comma (,) to separate multiple items as instructed by the placeholder text.
Expected Behavior:
The comma character should appear in the input field, allowing the user to add multiple tags (e.g., Nodejs, React, CSS).
Actual Behavior:
The comma keypress is ignored, and the character does not appear in the input field. This makes it impossible to add more than one item as intended.
- Phone Number Field Lacks Validation
Steps to Reproduce:
Navigate to the user's "Personal Information" page.
Click into the Phone input field.
Enter a string of numbers longer than a standard phone number (e.g., more than 15 digits).
Click "Save".
Expected Behavior:
The form should either prevent the user from typing more than a valid number of digits or show a validation error (e.g., "Please enter a valid phone number") and prevent saving.
Actual Behavior:
The field accepts an abnormally long string of numbers, and the form saves this invalid data without any error message, as shown in the screenshot.
