fix(form): set $submitted to true on child forms when parent is submitted.

Closes #10071

Author: Caleb Kniffen

src/ng/directive/form.js

@@ -274,12 +274,22 @@ FormController.prototype = {
    * @name form.FormController#$setSubmitted
    *
    * @description
-   * Sets the form to its submitted state.
+   * Sets the form to its `$submitted` state. This will also set `$submitted` on all child and
+   * parent forms of the form.
    */
-  $setSubmitted: function() {
-    this.$$animate.addClass(this.$$element, SUBMITTED_CLASS);
-    this.$submitted = true;
-    this.$$parentForm.$setSubmitted();
+  $setSubmitted: function(onlySetOnChildren) {
+   this.$$animate.addClass(this.$$element, SUBMITTED_CLASS);
+   this.$submitted = true;
+
+    if (!onlySetOnChildren) {
+      this.$$parentForm.$setSubmitted();
+    }
+
+    forEach(this.$$controls, function(control) {
+      if (control.$setSubmitted) {
+        control.$setSubmitted(true);
+      }
+    });
   }
 };
 

test/ng/directive/formSpec.js

@@ -539,6 +539,22 @@ describe('form', function() {
       expect(parent.$submitted).toBeTruthy();
     });
 
+    it('should set $submitted to true on child forms when parent is submitted', function() {
+      doc = jqLite(
+          '<ng-form name="parent">' +
+            '<ng-form name="child">' +
+              '<input ng:model="modelA" name="inputA">' +
+              '<input ng:model="modelB" name="inputB">' +
+            '</ng-form>' +
+          '</ng-form>');
+      $compile(doc)(scope);
+
+      var parent = scope.parent,
+          child = scope.child;
+
+      parent.$setSubmitted();
+      expect(child.$submitted).toBeTruthy();
+    });
 
     it('should deregister a child form when its DOM is removed', function() {
       doc = jqLite(