Implement textarea validation for character limits in submission service; enhance user feedback with error messages for minimum and maximum character requirements. Update translations and UI components to support new validation features.

This commit is contained in:
Rotimi Best
2026-03-29 09:50:24 +01:00
parent acccbee110
commit ff2ad59377
24 changed files with 805 additions and 88 deletions
@@ -78,7 +78,9 @@ export const TEXTAREA_FIXTURE: QuestionStoryFixture = {
title: 'Explain why exercise feedback should be specific. [TEXTAREA]',
questionType: 'TEXTAREA',
settings: {
description: 'Provide a detailed response.'
description: 'Provide a detailed response.',
minCharacters: 30,
maxCharacters: 250
}
},
answer: '<p>Specific feedback helps students improve on the next attempt quickly.</p>'
@@ -109,6 +109,10 @@ export const QUESTION_LABELS = {
'hotspot.take.placeholder': 'Provide hotspot coordinates as JSON',
'hotspot.preview.helper': 'Hotspot preview is provided by host app image and hotspot settings.',
'textarea.edit.placeholder': 'Learners will answer with long-form text',
'textarea.edit.min_characters_label': 'Minimum characters',
'textarea.edit.min_characters_placeholder': 'Minimum characters',
'textarea.edit.max_characters_label': 'Maximum characters',
'textarea.edit.max_characters_placeholder': 'Maximum characters',
'textarea.take.placeholder': 'Write your answer',
'submission.common.no_answer': 'No answer',
'submission.common.other': 'Other',