Deep validation on submit

src/components/form-component.js

@@ -284,15 +284,42 @@ function createFormClass(s = defaultStrategy) {
         ? merge(invertValidators(validators), errorValidators)
         : errorValidators;
 
-      const fieldsValidity = mapValues(finalErrorValidators, (validator, field) => {
-        const fieldValue = field
-          ? s.get(modelValue, field)
-          : modelValue;
+      const fieldsValidity = {};
 
-        const fieldValidity = getValidity(validator, fieldValue);
+      // this is (internally) mutative for performance reasons.
+      const validateField = (validator, field) => {
+        if (!!~field.indexOf('[]')) {
+          const [parentModel, childModel] = field.split('[]');
 
-        return fieldValidity;
-      });
+          const fieldValue = parentModel
+            ? s.get(modelValue, parentModel)
+            : modelValue;
+
+          fieldValue.forEach((subValue, index) => {
+            validateField(validator, `${parentModel}[${index}]${childModel}`);
+          });
+        } else {
+          const fieldValue = field
+            ? s.get(modelValue, field)
+            : modelValue;
+
+          const fieldValidity = getValidity(validator, fieldValue);
+
+          fieldsValidity[field] = fieldValidity;
+        }
+      };
+
+      mapValues(finalErrorValidators, validateField);
+
+      // const fieldsValidity = mapValues(finalErrorValidators, (validator, field) => {
+      //   const fieldValue = field
+      //     ? s.get(modelValue, field)
+      //     : modelValue;
+
+      //   const fieldValidity = getValidity(validator, fieldValue);
+
+      //   return fieldValidity;
+      // });
 
       dispatch(s.actions.batch(model, [
         s.actions.setFieldsErrors(

test/form-component-spec.js

@@ -1641,6 +1641,7 @@ Object.keys(testContexts).forEach((testKey) => {
           </Form>
         </Provider>
       );
+      const formElement = TestUtils.findRenderedDOMComponentWithTag(form, 'form');
 
       const [_, input2] = TestUtils
         .scryRenderedDOMComponentsWithTag(form, 'input');
@@ -1652,6 +1653,15 @@ Object.keys(testContexts).forEach((testKey) => {
         assert.isTrue($form.valid);
       });
 
+      it('after submit should stay valid', () => {
+        TestUtils.Simulate.submit(formElement);
+        const { $form, items } = store.getState().testForm;
+
+        assert.isTrue(items[0].name.valid);
+        assert.isTrue(items[1].name.valid);
+        assert.isTrue($form.valid);
+      });
+
       it('should check validity of each item on change', () => {
         input2.value = '';
         TestUtils.Simulate.change(input2);