Added submitted property

Author: bietkul

index.d.ts

@@ -378,6 +378,10 @@ declare module "react-reactive-form" {
          * Length of the control array.
          */
         length: number;
+        /**
+         * A form array is submitted if the `handleSubmit` event has been triggered on it.
+         */
+        submitted: boolean;
         /**
          * Get the `AbstractControl` at the given `index` in the array.
          */
@@ -484,10 +488,10 @@ declare module "react-reactive-form" {
          * Submit action, can be used to tell the form that it has been submitted.
          * Useful when `updateOn` property is `submit`.
          * ```
-         * <form onSubmit={this.form.onSubmit}/>
+         * <form onSubmit={this.form.handleSubmit}/>
          * ```
          */
-        onSubmit():void
+        handleSubmit(): void
     }
     /**
      * Tracks the value and validity state of a group of `FormControl`
@@ -563,6 +567,10 @@ declare module "react-reactive-form" {
             validatorOrOpts?: ValidatorFn|ValidatorFn[]|AbstractControlOptions|null,
             asyncValidator?: AsyncValidatorFn|AsyncValidatorFn[]|null)
         controls: {[key: string]: AbstractControl}
+        /**
+         * A form group is submitted if the `handleSubmit` event has been triggered on it.
+         */
+        submitted: boolean;
         /**
          * Registers a control with the group's list of controls.
          *
@@ -671,10 +679,10 @@ declare module "react-reactive-form" {
          * Submit action, can be used to tell the form that it has been submitted.
          * Useful when `updateOn` property is `submit`.
          * ```
-         * <form onSubmit={this.form.onSubmit}/>
+         * <form onSubmit={this.form.handleSubmit}/>
          * ```
          */
-        onSubmit():void
+        handleSubmit():void
     }
     /**
      * Tracks the value and validation status of an individual form control.

src/Field.js

@@ -30,6 +30,9 @@ export default class Field extends React.Component {
         // Remove Listener
         this.removeListener();
     }
+    shouldComponentUpdate() {
+        return false;
+    }
     getComponent() {
         const { render, control } = this.props;
         if (control) {

src/model.js

@@ -646,13 +646,13 @@ export class FormControl extends AbstractControl {
         if(!this.dirty) { this.markAsDirty(); }
         if(!this.touched) { this.markAsTouched(); }
         this.setValue(this._pendingValue, { validate: true });
-      } else if (!this.touched) {
-        if(this.updateOn === "submit" && !this._pendingTouched) { 
-          this._pendingTouched = true 
-        } else {
-          this.markAsTouched();
+      } else if(this.updateOn === "submit") {
+          this._pendingTouched = true;
+          this._pendingDirty = true;
+      } else {
+          if(!this.dirty) { this.markAsDirty(); }
+          if(!this.touched) { this.markAsTouched(); }
           this.stateChanges.next();
-        }
       }
     };
     /**
@@ -740,14 +740,16 @@ export class FormGroup extends AbstractControl {
     super(coerceToValidator(validatorOrOpts),
     coerceToAsyncValidator(asyncValidator, validatorOrOpts));
     this.controls = controls;
+    this.submitted = false;
     this.validatorOrOpts = validatorOrOpts;
-    this.updateDOM = new Subject();
     this._initObservables();
     this._setUpdateStrategy(validatorOrOpts);
     this._setUpControls();
     this.updateValueAndValidity({ onlySelf: true, emitEvent: false });
-    this.onSubmit = () => {
-      this._syncPendingControls();
+    this.handleSubmit = (e) => {
+      e.preventDefault();
+      this.submitted = true;
+      if(!this._syncPendingControls()) { this.updateValueAndValidity({ validate: true }) }
     }
   }
   /**
@@ -990,14 +992,16 @@ export class FormArray extends AbstractControl {
         coerceToValidator(validatorOrOpts),
         coerceToAsyncValidator(asyncValidator, validatorOrOpts));
     this.controls = controls;
+    this.submitted = false;
     this.validatorOrOpts = validatorOrOpts;
-    this.updateDOM = new Subject();
     this._initObservables();
     this._setUpdateStrategy(validatorOrOpts);
     this._setUpControls();
     this.updateValueAndValidity({onlySelf: true, emitEvent: false});
-    this.onSubmit = () => {
-      this._syncPendingControls();
+    this.handleSubmit = (e) => {
+      e.preventDefault();
+      this.submitted = true;
+      if(!this._syncPendingControls()) { this.updateValueAndValidity({ validate: true }) }
     }
   }
   /**