Merge pull request #1965 from NishkalankBezawada/feature/Fix-Issue1953

🐛 - Fixes-Issue 1953 - DynamicForm required User Fields not checked before submit (Repo Rescuer Challenge)

Author: AJIXuMuK

src/controls/dynamicForm/dynamicField/DynamicField.tsx

@@ -644,18 +644,20 @@ export class DynamicField extends React.Component<IDynamicFieldProps, IDynamicFi
     const {
       changedValue
     } = this.state;
+    
     const { value, newValue, required,listItemId } = this.props;
 
     if (listItemId !== undefined && listItemId !== null) {
       if (newValue === undefined) {
         return required && (changedValue === undefined || changedValue === '' || changedValue === null || this.isEmptyArray(changedValue))
-        && (value === undefined || value === '' || value === null || this.isEmptyArray(value)) ? strings.DynamicFormRequiredErrorMessage : null;
+        && (value === undefined || value === '' || value === null || this.isEmptyArray(value)) || this.checkUserArrayIsEmpty(value)) ? strings.DynamicFormRequiredErrorMessage : null;
       } else {
-        return required && (changedValue === undefined || changedValue === '' || changedValue === null || this.isEmptyArray(changedValue)) ? strings.DynamicFormRequiredErrorMessage : null;
+        return required && (changedValue === undefined || changedValue === '' || changedValue === null || this.isEmptyArray(changedValue)) || this.checkUserArrayIsEmpty(value)) ? strings.DynamicFormRequiredErrorMessage : null;
       }
     }
 
     return null;
+
   }
 
   private getNumberErrorText = (): string => {
@@ -724,6 +726,10 @@ export class DynamicField extends React.Component<IDynamicFieldProps, IDynamicFi
     return Array.isArray(value) && value.length === 0;
   }
 
+  private checkUserArrayIsEmpty = (value): boolean => {
+    return Array.isArray(value) && value.every(item => item === "");
+  }
+
   private MultiChoice_selection = (event: React.FormEvent<HTMLDivElement>, item: IDropdownOption): void => {
     const {
       changedValue