Added SetFieldsTouched() method in FormStore.

Author: Martynas Žilinskas

packages/simplr-forms-dom/src/components/form.tsx

@@ -27,16 +27,16 @@ export class Form extends BaseForm<FormProps, {}> {
             return;
         }
 
-        // TODO: Touch all fields to validate
+        this.FormStore.SetFieldsTouched();
 
         if (this.props.onSubmit == null) {
             return;
         }
 
-        // Persist synthetic event, because it's passed into another method
+        // Persist synthetic event, because it's passed into another method.
         event.persist();
 
-        // Pass onSubmit result to FormStore for further processing
+        // Pass onSubmit result to FormStore for further processing.
         const result = this.props.onSubmit(event, this.FormStore);
         this.FormStore.SubmitForm(result);
     }

packages/simplr-forms/src/stores/form-store.ts

@@ -379,6 +379,26 @@ export class FormStore extends ActionEmitter {
         }
     }
 
+    public SetFieldsTouched(fieldsIds?: string[]): void {
+        this.State = this.State.withMutations(state => {
+            if (fieldsIds == null) {
+                fieldsIds = state.Fields.keySeq().toArray();
+            }
+
+            fieldsIds.forEach(fieldId => {
+                const fieldState = state.Fields.get(fieldId);
+
+                if (fieldState != null) {
+                    state.Fields = state.Fields.set(fieldId, fieldState.merge({
+                        Touched: true
+                    } as FieldStoreState));
+                }
+            });
+
+            return this.RecalculateDependentFormStatuses(state);
+        });
+    }
+
     public async ValidateForm(validationPromise: Promise<never>): Promise<void> {
         const form = this.State.Form;