[Feature]: [Enhancement]: [Anchor FE] Implement Validation Error for Exceeding Maximum Characters in Textarea

[Nnachijoy]

Description

Currently, the textarea elements on the application do not display an error when users exceed the maximum character limit. This ticket involves implementing validation to ensure that an error is thrown and displayed to users when they exceed the maximum allowed characters in any textarea field.

Purpose:

To enhance user experience and data integrity by enforcing character limits on textarea fields and providing clear feedback when the limit is exceeded.

Requirements:

1. Character Limit Validation:

   • Implement validation logic for all textarea fields to check if the input exceeds the specified maximum character limit.
   • Define the maximum character limit for each textarea field based on existing requirements or specifications.

2. Error Handling:

   • Implement error handling to catch and process cases where the character limit is exceeded.
   • Ensure that error messages are displayed to users, indicating that they have exceeded the maximum allowed characters.

3. User Feedback:

   • Provide clear, user-friendly error messages next to or below the textarea field when the character limit is exceeded.

   • Ensure that the error message is visible and easily understandable.

   • Ensure that the error handling mechanism is integrated with the existing UI elements.

4. Testing:

   • Write and execute unit tests to ensure that the validation logic correctly identifies and handles cases where the character limit is exceeded.
   • Perform user acceptance testing to verify that error messages are displayed correctly and that the user experience is smooth.

5. Documentation:

   • Update documentation to reflect the new validation requirements and error handling procedures for textarea fields.

Expected Outcome:

• All textarea fields correctly enforce the maximum character limit and display an appropriate error message when the limit is exceeded.
• Users receive clear feedback and are able to correct their input accordingly.

Acceptance Criteria:

1. Validation logic is implemented for all textarea fields to enforce the maximum character limit.
2. Users receive an error message when the character limit is exceeded.
3. Error messages are clear, visible, and user-friendly.
4. Frontend components are updated to handle and display validation errors as needed.
5. All tests pass, confirming the correct implementation of validation and error handling.

Links

| LiveLINK

Images